使用jQuery來遍歷DOM，從節點返回HTML屬性

Question

我想遍歷DOM並確定某些節點的HTML屬性。例如所有標籤的類值。

下面的代碼是通過＃1的另一個成員行走的DOM提示：http://jsfiddle.net/FJeaY/

它工作得很好，我可以用它來識別節點的ID和它的父母。它也很容易篩選的超鏈接：

walk_the_DOM(document.body, function(node) { 
    if(node.nodeName == "A") 
     alert(node.nodeName + ' id: ' + node.id); 
}); 

但是我不能確定使用什麼標識類（或任何其他HTML屬性）。我迄今爲止搜索jQuery文檔的所有內容都失敗了。

任何想法讚賞，謝謝你提前。

Answer 1

有問題的函數實際上根本不使用jQuery，jQuery文檔不適合通常學習DOM。

看看MDC HTMLElement reference。你想要的是className attribute：

walk_the_DOM(document.body, function(node) { 
    if(node.nodeName == "A") { 
     alert(node.nodeName + ' class: ' + node.className); 
    } 
}); 

Answer 2

.hasClass()可用於測試特定類是否屬於指定給元素的類。將返回true或false。

$(node).hasClass('myclass') 

或者您可以使用.attr()獲取元素的屬性class。

var klassz=$(node).attr('class'); 

取而代之的是後者，你可以簡單地使用node.className無論是。

Answer 3

結帳http://jsfiddle.net/tahir/7gfuT/

此代碼是直接使用DOM（我只想澄清概念）。你可以使用bazmegakapa建議的jquery wrapper函數來簡化對DOM屬性的訪問