獲取列表元素和使用jQuery

Question

我以前$('#ul li').get()得到所有的列表元素，並存儲在一個數組，每個列表中的元素有類的類...

var i; 
var listClass = ('#ul li').get(); 
for(i=0;i<listClass.length;i++){ 
    var theClass = listClass[i].attr("class"); //<--what's the proper function/method/code for this? 
    var content = listClass[i].innerHTML; //<-- works very well 

    //other codes here 
} 

如何可我能拿到每個列表元素的類...謝謝！

Answer 1

您可以使用jQuery自己map做到這一點：

alert($('#ul li').map(function() { 
    return this.className; 
}).get()); 

http://jsfiddle.net/MhVU7/

例如。你可以用返回的數組做任何事情。

你這樣做的方式不起作用的原因是因爲你在原生DOM元素上調用了不存在的方法.attr - 它不是一個擴展的jQuery對象。

Answer 2

get()方法返回一個本地DOM元素數組，而不是一個jQuery對象。

你應該使用jQuery：

var lists = $('ul li'); 

var className = lists.eq(i).attr('class'); 
var content = lists.eq(i).text(); 

Answer 3

如果你通過所有元素

$('ul li').each(function(){ 
var className = $(this).attr('class'); 
var content = $(this).text(); 

}); 

Answer 4

var lis = document.getElementById("ul").children; 
for (var i = 0, len = lis.length; i < len; i++) { 
    var li = lis[i], 
     className = li.className, 
     value = li.value, 
     text = li.textContent; 

    // code 
} 

Answer 5

我評論的代碼，以更好地幫助你瞭解它要循環。

$("#ul li").each(function() { /* you should only be using # selector to identify id's - if it's all ul's you want just put ul. */ 
    var klass = this.className; /* this refers to the native DOM object, which contains className */ 
    var textContents = this.innerText || this.textContent; /* the text of the list, does not include html tags */ 
    var childNodes = this.childNodes; /* the child nodes of the list, each unencased string of text will be converted into a TextNode */ 
    console.log(klass + ' ' + textContents); /* replace console.log with alert if you do not have a console */ 
    console.log(childNodes); 
}); 

here是上述的一個例子。

祝你好運！