javascriptでこのセレクタを取得する方法は？

Question

私はここにリスト上の各Aへのクリックイベントを適用しようとするが、第二のために私のコードですが、私は各セレクタを取得する必要があります：

<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> 

私はこれをしようと試み：

$('.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();