jquery - 如何获取div内的html

Question

我有这个html:

<div class="portlet-header">
    Company Information ... <button> some button here </button>
</div>
<div class="portlet-content">
    <div class="content_regular">
        <table style=" width:100%; height:100%;">
            ...content
        </table>
    </div>
</div>

单击 portlet-header 部分的按钮(在本例中为 table 标记)后如何获取 html？

我有这个 jquery 代码来获取标题上的文本: $(this).parent().text(); 但在尝试检索“content_regular”下的 html 时却无处可去类如上所示。

希望你的智慧能帮助我解决这个问题。我知道这对其他人来说很容易，但我不熟悉jquery。

谢谢

Answer 1

使用.next()从 .portlet-header 到 .portlet-content 然后使用 .html()而不是.text()获取内容，如下所示:

$(".portlet-header").click(function() {
  var html = $(this).next(".portlet-content").html();
});

如果 div、其他元素等之间可能存在某些内容，请使用 .nextAll()相反，像这样: .nextAll(".portlet-content:first")