如何使用jquery或php解析HTML

时间:2014-01-03 18:09:41

标签: php jquery html

我有一个问题。我想知道如何解决以下示例:

我有这样的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

谢谢你的回答!

1 个答案:

答案 0 :(得分:3)

如果您想使用javascript执行此操作,您可以隐藏所有p元素并在标题2之后显示如下:

$(document).ready(function() {
    $("p").hide();
    $("p:contains('Title 2')").nextAll().show();
});

这是一个工作的jsfiddle:

http://jsfiddle.net/LKSRh/

如果您想获得标题1的段落,但在标题2之前,您会这样做:

$(document).ready(function() {
    $("p").hide();
    $("p:contains('Title 1')").nextUntil("p:contains('Title 2')").show();
});