jquery - 如何获取div内的html
我有这个 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 部分的按钮(在本例中为表标记)后如何获取 html?
我有这个 jquery 代码来获取标题上的文本: $(this).parent().text();
但在尝试检索“content_regular”类下的 html 时却无处可去,如图所示多于。
希望你的智慧能帮助我解决这个问题。我知道这对其他人来说很容易,但我不熟悉jquery。
谢谢
I have this 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>
how do i get the html after i click the button at the portlet-header part, in this case, the table tag?
I have this jquery code to get the text on the header: $(this).parent().text();
but got nowhere in trying to retrieve the html under the "content_regular" class as shown above.
Hope your wisdom can help me with this. i know this very easy to others but i am not familiar with jquery.
thanks
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
使用
.next()
从.portlet-header 获取
到.portlet-content
然后使用.html()< /code>
而不是
.text()
来获取内容,如下所示:如果 div、另一个元素等之间可能存在某些内容,请使用
.nextAll ()
而是这样:.nextAll(".portlet-content:first")
Use
.next()
to get from.portlet-header
to.portlet-content
then use.html()
rather than.text()
to get the content, like this:If there may be something between the divs, another element, etc, use
.nextAll()
instead, like this:.nextAll(".portlet-content:first")
不错的读物
这是一个演示
nice readings
here is a demo
首先,使用
html()
函数而不是text()
函数。其次,将选择器指向正确的节点,例如.portlet-content .content_regular table
。我会让你自己将这两者结合起来。First, use the
html()
function instead of thetext()
function. Second, point your selector to the right node, something like.portlet-content .content_regular table
. I'll let you do the combining of these two yourself.