在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;