如何修复 jquery 3.4 中弃用的 :eq 选择器

Question

从 jQuery 3.4 开始，:eq 已被弃用，应使用 .eq()。

这是一个代码片段，其中有多个 jQuery 选择器正在使用 :eq。如何打破多个选择器以使用 .eq() 而不是 :eq？

$(this).find('th.draggable:visible:eq(' + n + ') span,td:visible:eq(' + (g.actionSpan + n) + ') span'));

Answer 1

像这样使用 add()

const $th = $('th.draggable:visible',this).eq(n);
const $td = $('td:visible',this).eq(g.actionSpan + n);
const $spans = $('span',$th).add('span',$td)

Answer 2

要执行逻辑或，您 select 第一个元素，然后使用 add() 您 select 第二个元素将它们包含在第一个结果中。

var $secondDivAndSpanInput = $('div').eq(1).find('input').add(
  $('span').eq(1).find('input')
);

console.log( $secondDivAndSpanInput.get() );

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div><input type="text" name="divs" value="1"></div>
<div><input type="text" name="divs" value="2"></div>
<div><input type="text" name="divs" value="3"></div>

<span><input type="text" name="spans" value="1"></span>
<span><input type="text" name="spans" value="2"></span>
<span><input type="text" name="spans" value="3"></span>

如何修复 jquery 3.4 中弃用的 :eq 选择器

how to fix deprecated :eq selector in jquery 3.4

javascript

jquery

deprecated

deprecation-warning