仅针对具有相同类名的一个元素触发单击事件

时间:2015-09-09 14:29:29

标签: javascript jquery html

我有多个具有相同类名的div:ag-list-item

<!-- item one -->
<div class="ag-list-item">
</div>

<!-- item two -->
<div class="ag-list-item">
</div>

<!-- item three -->
<div class="ag-list-item">
</div>

它们是通过我正在使用的角度网格库动态创建的,因此我无法为任何特定的网格库设置ID属性。

我正在寻找一种通过点击事件仅使用类名定位一个特定div的方法。

$('.ag-list-item').click()对所有三个元素执行;有没有办法只定位一个?

更新:09/09/15

我找到了一个解决方案,允许使用:eq() selector对具有相同类的div集合进行特定索引选择。

// select .ag-list-item at index 1
$('.ag-list-item:eq('1')').click();

1 个答案:

答案 0 :(得分:3)

正如所承诺的那样,我已对我的帖子进行了更新。

$(document).ready(function () {

    // If you want to select the first element :
    $('.ag-list-item:first span span').click(function () {
        // Your code
    });

    // If you want to select the second element, in this example
    // Don't forget the quotes around the desired number
    $('.ag-list-item:eq("1") span span').click(function () {
        // Your code
    });

    // If you want the last element :
    $('.ag-list-item:last span span').click(function () {
        // Your code
    });

)};

请找到与此示例关联的JSFIDDLE(我已经设计了一些设计风格以便更好地理解)