获取列表元素和使用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是上述的一个例子。

祝你好运！