Question

我想使用Jquery遍历所有li元素，如下所示：

我知道通过使用“each”可以遍历所有元素，但我不知道为什么我不能得到它们。

有人可以就此提出一些想法，或让我知道如何点击<li>元素中的所有<ul>元素。

这是我的HTML：

<ul class="test"> 
    <li ct-tracking="FiltpickupType" ct-tracking-value="Test:1">
        <span>Test 1</span>
    </li> 
    <li ct-tracking="FiltpickupType" ct-tracking-value="Test:2">
        <span>Test 2</span>
    </li> 
</ul>

Answer 1

您可以在onclick

中添加<li>个活动

<ul class="test"> 
    <li ct-tracking="FiltpickupType" ct-tracking-value="Test:1" onclick='alert($(this))'>
        <span>Test 1</span>
    </li> 
    <li ct-tracking="FiltpickupType" ct-tracking-value="Test:2" onclick='alert($(this))'>
        <span>Test 2</span>
    </li> 
</ul>

在你的js代码中你可以写。

$(function(){

    $('.test li').each(function(index, element){        
      //console.log($(element).click());
      $(element).click();      
  });

});

这是一个有效的JSFIDDLE

Answer 2

只是一个简单的：

$(".test li").click();

jQuery本身将为生成的查询中的每个元素运行click。

JSFiddle：https://jsfiddle.net/kk2er5vz/

Answer 3

如果您想在点击过程中获得控制权，可以使用each功能迭代这些项目，然后点击每个项目：

$(".test li").each(function(index, element) {
  $(element).click();
});

如何使用Jquery循环遍历下面的li元素，并单击所有li元素

3 个答案: