javascript - 最近/下一个 div 选择 jquery

Question

我有这样的 HTML:

<table>
 <tr>
  <td>
    <button class="popup" id="$row[0]"></button>
  </td>
 </tr>
</table>



 <div class="details">
   <div id="section-2">
   </div>
 </div>

这里是 JQuery 脚本:

    $(document).ready(function() {
      $('.popup').click(function () {
      // something like this : $(this).next(".details").dialog('open');
        $('.details').dialog('open');
        });
      });
    });

我想用类详细信息对话最近/下一个 div

Answer 1

details 元素是 table 元素的下一个兄弟元素，所以使用 .closest()找到 button 的表祖先然后使用 .next()找到 details 元素

$(document).ready(function () {
    $('.popup').click(function () {
        // something like this : $(this).next(".details").dialog('open');
        $(this).closest('table').next('.details').dialog('open');
    });
});