Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jquery使用attr()获取href不';行不通_Javascript_Jquery_Html - Fatal编程技术网

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
会产生我在答案中写的代码吗?;-)