Javascript jquery使用attr()获取href不';行不通
我有一个带有几个Javascript jquery使用attr()获取href不';行不通,javascript,jquery,html,Javascript,Jquery,Html,我有一个带有几个.articlediv的页面*,带有以下标记: <div class="article"> <div class="featured-img"> <a href="https://www.johornow.com/english/things-to-do-at-kota-tinggi/" style="background: none;"> </a> </div> <div class=
.article
div的页面*,带有以下标记:
<div class="article">
<div class="featured-img">
<a href="https://www.johornow.com/english/things-to-do-at-kota-tinggi/" style="background: none;">
</a>
</div>
<div class="featured-info">
<h3 class="article-title">
<a href="https://www.johornow.com/english/things-to-do-at-kota-tinggi/">Fun Things to Do and Amazing Places to Visit at Kota Tinggi</a>
</h3>
</div>
</div>
令人惊讶的是,我没有这样做,我得到了DOM节点。我的代码怎么了
*您的代码中有几个错误: 1) JQuery完全是关于链接的,这就是为什么像
each
这样的函数返回初始集,而不是函数中返回的元素(或返回值的集合?)。您想要/需要的是.map
2) 您的查找缺少用于寻址类的
。此外,您还可以将其写入一条语句find(“.article title a”)
3) 胖箭头函数不建立自己的上下文,因此$(此)
将不起作用。相反,您必须使用“老派”的编写函数的方式,使这个引用单个元素
下面是jquery解决方案
$('.article .article-title a').map( function(){return console.log($(this).attr("href"))} )
创建包含所有链接HREF的数组
下面的香草JS也是如此(实际上我一直比较喜欢):
你又有了你的肥箭——而且,它更短(可能更快),而且不依赖第三方;) 代码中有几个错误:
1) JQuery完全是关于链接的,这就是为什么像each
这样的函数返回初始集,而不是函数中返回的元素(或返回值的集合?)。您想要/需要的是.map
2) 您的查找缺少用于寻址类的
。此外,您还可以将其写入一条语句find(“.article title a”)
3) 胖箭头函数不建立自己的上下文,因此$(此)
将不起作用。相反,您必须使用“老派”的编写函数的方式,使这个引用单个元素
下面是jquery解决方案
$('.article .article-title a').map( function(){return console.log($(this).attr("href"))} )
创建包含所有链接HREF的数组
下面的香草JS也是如此(实际上我一直比较喜欢):
你又有了你的肥箭——而且,它更短(可能更快),而且不依赖第三方;) 您可以获取数组中的所有链接
var m =[];
$('.article').each(function(e,v){
m.push($(this).find('h3 > a').attr("href"))
})
console.log(m)
您可以获取数组中的所有链接
var m =[];
$('.article').each(function(e,v){
m.push($(this).find('h3 > a').attr("href"))
})
console.log(m)
它不是DOM节点,$。each()
返回一个jQueryobject@WashingtonGuedes那么我如何获得链接呢?也许:find('.article title')
(我没有查看看似不可靠的链接,因此如果您想要更多信息,请包含一些相关的html-但很可能是
,因此您需要选择器中的
。[].map.apply($('a'),[x=>x.href])
将function(){}
与jQuery一起使用,或者此
未定义。您还忘记了.article title
的点。它不是DOM节点,$。each()
返回一个jQueryobject@WashingtonGuedes那么我如何获得链接呢?也许:find('.article title')
(我没有查看看起来不可靠的链接,因此如果您想要更多信息,请包含一些相关的html-但很可能是
,因此您需要选择器中的
)[].map.apply($('a'),[x=>x.href])
使用函数(){}
使用jQuery,或者这个
是未定义的。你还忘记了的点。文章标题
。一个简单的.map
会产生我在答案中写的代码吗?;-)一个简单的.map
会产生我在答案中写的代码吗?;-)