如何将 jquery 实例传递给选择器

Question

如何使用 .eq() 而不是 :eq()

我想使用这样的东西 -> $('div').eq(1)

这是问题的代码片段

$(document).on('click', 'li.trigger div:eq(1) a.ajax img,' +
    ' li.event div:eq(1) a.ajax img', function (event) {

Answer 1

您最有可能必须做的事情的小型虚拟版本。您将需要在事件处理程序中使用 eq()，以检查事件的元素是否与您想要的匹配。

编辑：问题已从 :eq 的用法更改为 :first。由于 :first 与 :eq(0) 相同，因此几乎无需更改解决方案。

$(document).on('click', 'button', e => {
  $('#container').append('<div><p>Click Me</p></div>');
});

$(document).on('click', 'div p', e => {
  if ($('div p').eq(0).is(e.target)) {
    console.log('You clicked the first paragraph!');
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="container"></div>
<button>Add More</button>

如何将 jquery 实例传递给选择器

How to pass jquery instance to selector

javascript

jquery

deprecated

deprecation-warning