最近/下一个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');
    });
});