Javascript 查找父项的特定子项';如果兄弟姐妹是动态的,则为以前的兄弟姐妹

Javascript 查找父项的特定子项';如果兄弟姐妹是动态的,则为以前的兄弟姐妹,javascript,jquery,dom,dynamic,Javascript,Jquery,Dom,Dynamic,我遇到了一个问题,试图找到包含特定子级(一个树级)的父级最近的兄弟姐妹。我最终通过反复试验找到了答案,但在继续测试之前,我在这里继续搜索。我想和大家分享一下我的发现,看看是否有人有更简单的方法来做我正在做的事情 基本上,我使用的是jQuery 1.7(最新版本为2012年3月30日),需要在下一行中查找以前显示的“continue”标题标题。以下是我的想法: (($(this).parent().prevAll()).children('h2')).first().html(); 我只是将其分

我遇到了一个问题,试图找到包含特定子级(一个树级)的父级最近的兄弟姐妹。我最终通过反复试验找到了答案,但在继续测试之前,我在这里继续搜索。我想和大家分享一下我的发现,看看是否有人有更简单的方法来做我正在做的事情

基本上,我使用的是jQuery 1.7(最新版本为2012年3月30日),需要在下一行中查找以前显示的“continue”标题标题。以下是我的想法:

(($(this).parent().prevAll()).children('h2')).first().html();
我只是将其分配给一个变量,并使用它在下一行创建一个新的“continue”标题

对更干净的代码有什么建议吗?这能更容易或更有效地完成吗

编辑:

以下是所需的HTML:

<div class="container">
    <div class="subbox">
        <h2>Title1</h2>
        <div class="itembox">...some content here...</div>
    </div>
    <div class="subbox"><div class="itembox">...some content here...</div></div>
</div>

标题1
…这里有一些内容。。。
…这里有一些内容。。。

如您所见,它只是一组子框,其中第一个子框有一个H2,但在我的例子中,我使用的是4个以上的子框,需要获取该子框中第一个项目的标题(不一定是第一个子框的标题)。

由于我没有测试它,因此无法100%确定这是否有效,但如果您有以下内容,则可以简化代码:

($(this).parent().prevAll()).children("h2:first").html();

由于我还没有测试过它,所以不能100%确定它是否可以工作,但是如果您有以下内容,可以简化代码:

($(this).parent().prevAll()).children("h2:first").html();

您可以发布此HTML吗?@Joseph edited显示此HTML。您可以发布此HTML吗?@Joseph edited显示此HTML。我曾考虑使用伪类,但这样做是否会提高性能?我认为伪类的速度会慢一些,正如许多其他人以前指出的那样。我曾考虑过使用伪类,但这样做会提高性能吗?我认为伪类会更慢,正如许多其他人之前指出的那样。