Wie bekomme ich diesen Selektor in Javascript?

Question

ich versuche, ein Click-Ereignis zu jedem eine auf Liste i hier ist, müssen eine für den zweiten meinen Code anwenden jeden Wähler bekommen:

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

ich diese tryed: Sie

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

Answer 1

können Schreibe "globale" Ereignisse. Sie müssen es nicht für jedes spezifische "a" schreiben.

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

Um das Element zuzugreifen, das geklickt wurde: in this Sie Element auf Sie geklickt haben.

Answer 2

Hier ist eine Geige, die ich zusammengestellt habe, um Ihnen hoffentlich zu helfen ... (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

i verwendet

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

seine Arbeit, aber wenn ich Ereignis nichts passieren versuchen klicken!

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