使用带有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 method来访问这些元素的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'));
});

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

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

或者只是使用href：

  links[i].href;