如何讓這個選擇器在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();