javascript - 如何从一个元素的 nextAll() 检索列表中检索 attr 值？

Question

事情是这样的:我需要在其他 HTMLElements 列表中查找一个元素，寻找下一个具有“.wanted-class”类的元素。我在同一类的元素之一中触发/捕获了一个 click 事件。我最终得到了如下所示的解决方案:

$('#id-element-0000').nextAll('.wanted-class');

这应该返回我单击的元素之后属于此类的所有元素的列表。像这样的事情:

<div class=​"wanted-class" id=​"id-element-1111" data-wanted=​"6127">​…​</div>
<div class=​"wanted-class" id=​"id-element-2222" data-wanted=​"6128">​…​</div>
<div class=​"wanted-class" id=​"id-element-3333" data-wanted=​"6129">​…​</div>
<div class=​"wanted-class" id=​"id-element-4444" data-wanted=​"6130">​…​</div>​

但是，我只想要第一个。我不需要其他人。所以我想出了(又名:在谷歌上找到的)一个简单的解决方案:

$('#id-element-0000').nextAll('.wanted-class')[0];

这显然会返回这个:

<div class=​"wanted-class" id=​"id-element-1111" data-wanted=​"6127">​…​</div>

这解决了第一个元素问题。但是，我无法访问元素上的 data-wanted 属性。像这样的东西:

$('#id-element-0000').nextAll('.wanted-class')[0].attr('data-wanted');

...或者...

$('#id-element-0000').nextAll('.wanted-class')[0].data('wanted');

...根本不起作用。而且我似乎也无法将其放入变量中。

问题:有人知道如何从此列表中的第一个元素检索 data-wanted 属性吗？

更新显然，更好的方法是使用 next 而不是 nextAll，但是我在同一个类的元素之间还有其他元素。因此，next 函数在这种情况下不适用。而且，是的...我已经尝试过了。

Answer 1

用 $() 包裹它以将其转换为 jQuery 对象:

$($('#id-element-0000').nextAll('.wanted-class')[0]).attr('data-wanted');

或者简单地使用

$('#id-element-0000').nextAll('.wanted-class').first().attr('data-wanted');

当您对 jQuery 对象进行索引时，您将得到 HTMLElement，它没有 jQuery 所具有的方法。