javascript - 使用 jQuery 选择指定类的第二个元素

Question

我在页面上有两个元素的类monkey，我想将其中一个附加到单击事件侦听器。他们可能是兄弟姐妹或完全独立的元素。现在我想选择第二个元素（它在 html 代码中的第一个元素之后）......

这将同时选择它们并且事件监听器触发两次：

const monkey = $(".monkey");

我用了很多没有运气的东西来选择第二个元素：

$(".monkey").get(1); 
$(".monkey")[1] 

编辑：

这是图像顶部和底部的两个猴子元素的关系：

标签： javascriptjquery

Answer 1

您可以jQuery.eq用作函数或选择器。

您可以使用三元运算符来检查所选monkey元素的数量是否大于1，如果是，则设置monkey为第二个元素。否则，请勿修改monkey.

var monkey = $(".monkey"); //same as $(".monkey:eq(1)")
monkey = monkey.length > 1 ? monkey.eq(1) : monkey;
monkey.on('click', function(){
  console.log('click');
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="monkey">first element</div>
<div class="monkey">second element</div>