如何获取具有某个类的所有元素的html内容列表?

时间:2014-07-14 06:36:21

标签: javascript jquery

这是我正在尝试的(jquery):

var lis = $('.options.high');
for (var i = 0; i<lis.length; i++){
    console.log(lis[i].html());
}

但我相信这是不允许的。请提出一些替代方案。

更新:已解决。这是一个非常愚蠢的问题。请忽略。

2 个答案:

答案 0 :(得分:2)

.html()是jQuery对象的方法。像这样包裹lis[i]

$(lis[i]).html()

JS:

var lis = $('.options.high');
for (var i = 0; i<lis.length; i++){
    console.log($(lis[i]).html());
}

<强> Demo

最好的方法是使用.each()

var lis = $('.options.high');
lis.each(function(index){
    console.log($(this).html());   //OR $(lis[index]).html()
});

<强> Demo

答案 1 :(得分:1)

您可以在jquery中使用.each()来实现此

$('options.high').each(function () {
    alert($(this).html());
});

注意:如果.不是类名,请移除options