如何让这个选择器在JavaScript？

Question

我尝试点击事件适用于每一个名录，这里是我的第二个代码，我需要得到每个选择：

<div class="slick-track"> 
    <li id="thumbnail_141" class="slick-slide slick-current slick-active"> 
     <a class="magictoolbox-selector mz-thumb-selected mz-thumb"></a> 
    </li> 
    <li id="thumbnail_141" class="slick-slide slick-current slick-active"> 
     <a class="magictoolbox-selector mz-thumb-selected mz-thumb"></a> 
    </li> 
    <li id="thumbnail_141" class="slick-slide slick-current slick-active"> 
     <a class="magictoolbox-selector mz- thumb-selected mz-thumb"></a> 
    </li> 
</div> 

我tryed这一点：

$('.slick-track li:nth-child(2) a').click(); 

Answer 1

你可以编写“全球”事件。您不必为每个特定的“a”都编写它。

$(".slick-track").on("click", "a", function(){ 
    //your code here 
}) 

要访问被点击的元素： 在this你有点击的元素。

Answer 2

这里是一个小提琴，我放在一起，希望能帮助你...（fiddle here）。

$(document).ready(function(){ 
    // LISTENER FOR CLICKS ON ANY OF THE LI ELEMENTS... 
    $('.slick-track li a').on('click', function(){ 
      // WHEN CLICKED, SHOW THE TEXT CONTENT FOR THIS ITEM 
       alert($(this).text()) 
    }); 

    // PERFORM A CLICK ON THE ** SECOND ** LIST ITEM A ELEMENT 
    $('.slick-track li:nth-child(2) a').click(); 
}) 

Answer 3

我用

$('.slick-track li:nth-child(3) a img').css("background-color", "yellow"); 
$('.slick-track li:nth-child(3) a').css("background-color", "yellow"); 
$('.slick-track li:nth-child(3)').css("background-color", "yellow"); 

工作，但是当我尝试点击事件没有发生！

$('.slick-track li:nth-child(3) a img').click(); 
$('.slick-track li:nth-child(3) a').click(); 
$('.slick-track li:nth-child(3)').click();