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

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