javascript - 如何在 jQuery 中显示最近的按钮而不使用closest()方法？

Question

我有一堆输入和按钮，类似于 Facebook 的新闻源:

<div class="section_1">
    <input name="input-name"/>
    <button style="display:none">Save</button>
</div>

我有很多这样的内容(section_2、section_3 等)。我可以这样放置 id:

<div class="section_1">
    <input class="expandableinput" name="input-name" sectionId="1" />
    <button style="display:none" sectionId="1">Save</button>
</div>

并根据部分 id 显示按钮(这只是快速伪代码，如果有错误请原谅):

$('expandableinput').click(function() {
  var thissectionId = $(this).attr('sectionId');
  $('button[sectionId=thissectionId]').show();
});

有没有更好/更快的方法来完成这个任务，而不使用closest()？

Answer 1

您可以使用 .next() 获取下一个同级元素，如下所示:

$('.expandableinput').click(function() {
  $(this).next().show();
});

尽管您想使用任何选择器来识别<input>，但这都会超出您使用类的示例的范围。也可以。