Question

我尝试将click事件应用于每个列表中这里是我的第二个代码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

你可以写＆＃34;全球＆＃34;事件。你不必为每一个特定的＆＃34; a＆＃34;。

写它

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

我用过

Map/Reduce

它的工作但是当我尝试点击事件时没有任何事情发生！

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

如何在JavaScript中获取此选择器？

3 个答案: