如何用jquery或php解析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>

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

标题1

内容1

内容2

标题2

内容1

内容2

内容3

如何从“标题2”中选择“内容”，如下所示：

<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>

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

内容1

内容2

内容3

---

谢谢你的回答

如果你想用javascript实现这一点，你可以隐藏所有的p元素，并在标题2之后显示这些元素，如下所示：

<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>

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

下面是一个JSFIDE的工作原理：

如果您想获得第1篇的段落，但在第2篇之前，您可以：

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

---

您可以给这些类或ID，或者这是您可以拥有的。在php中，您可以使用SimpleXML或DOM函数。请参阅手册。@FarrukhSubhani这是我能给予或得到的一切……如果我只想选择标题1的内容，该怎么办？