在href中使用attr函数时出错

Question

运行此代码时出现错误undefined is not a function ：

var links=$("li").find("a");//this works...has a length of 23
//then I run this
for(var i=0;i<links.length;i++){
  links[i].attr("href");//this does not work
}

我该怎么做才能从链接中获取href属性？

Answer 1

jQuery对象的元素是DOM元素，而不是其他jQuery对象，因此它们没有jQuery方法。 您可以使用eq方法访问这些元素的jQuery包装版本：

for(var i=0;i<links.length;i++){
    href = links.eq(i).attr("href");
}

或者直接访问属性：

for(var i=0;i<links.length;i++){
    href = links[i].href;
}

在示例代码中，您实际上并未对该值做任何事情，因此您可能也想对它进行整理。

Answer 2

您应该尝试：

$("li a").each(function(){
  console.log($(this).attr('href'));
});

或修复您的代码以创建一个能够使用attr函数的jquery对象：

for(var i=0;i<links.length;i++){
  $(links[i]).attr("href");
}

或者直接使用href：

  links[i].href;