Question

我正在尝试使用类选择器检查所有元素。

我有

HTML

<div class='label'>aaaa</div>
<div class='label'>bbbb</div>
<div class='label'>cccc</div>
<div class='label'>dddd</div>

 var pre=$('.label')

    pre.each(function(e){
        console.log(e);
    })

但它没有显示元素（aaaa，bbbb..etc）。

我该怎么做？非常感谢

Answer 1

var pre = $('.label');

pre.each(function(i, el){
    console.log( el );
    // OR
    console.log( this ); // will give you the element

    // suppose to get text
    console.log( $(el).text() ); // or $(this).text()
});

的 DEMO 的

.each()的第一个参数是index，第二个参数是value （这里是你的目标元素）。

详细了解 .each() 。

Answer 2

为了回答这个问题，jQuery中的.each方法在调用它时会传递两个值（在上下文中）：

.each(function(index,value){
});

所以我在你的每个函数中只提供e，你只需要索引参数。您需要提供两个参数来获取实际的元素或值。

但是，当迭代元素时，迭代函数的上下文也会传递给元素。所以：

$('.label').each(function(index,element){
  // element == this
});

因此，如果您不想提供第二个参数，您可以在函数中引用this。

如何按类名查找元素

2 个答案: