我有一个问题。我想知道如何解决以下示例:
我有这样的html网站:
<div>
<p><strong>Title 1</strong></p>
<p>Content 1</p>
<p>Content 2</p>
<p><strong>Title 2</strong></p>
<p>Content 1</p>
<p>Content 2</p>
<p>Content 3</p>
</div>
如何从“标题2”中选择“内容”,如下所示:
内容1
内容2
内容3
谢谢你的回答!
答案 0 :(得分:3)
如果您想使用javascript执行此操作,您可以隐藏所有p元素并在标题2之后显示如下:
$(document).ready(function() {
$("p").hide();
$("p:contains('Title 2')").nextAll().show();
});
这是一个工作的jsfiddle:
如果您想获得标题1的段落,但在标题2之前,您会这样做:
$(document).ready(function() {
$("p").hide();
$("p:contains('Title 1')").nextUntil("p:contains('Title 2')").show();
});