使用jQuery遍历DOM树

Question

<div class="media">

    <div class="pull-left">

    </div>

    <div class="media-body">

        <div class="content">

        </div>

        <div class="news">

            <div class="sub">

            </div>

            <!-- insert here -->

        </div>

    </div>

</div>

<div id="current">

</div>

我正在尝试使用jQuery遍历DOM树。我的DOM如上所述。我的出发点是id="current"。我想在我写的<!-- insert here -->

中插入一些数据

到目前为止，我已经尝试过这个不起作用的地方：$(data).appendTo($("#current").prev("div"));。希望有人能帮忙吗？

请注意：我有多个.media，.pull-left，.media-body，.content，.news和{{1} } divs页面上的其他地方。

Answer 1

$(data).appendTo($("#current").parent().find(".news"));

http://jsfiddle.net/5pLCq/1/

Answer 2

要仅追加前一个兄弟的祖先，等级为news，请尝试以下操作：

$(data).appendTo($("#current").prev(".media").first().find(".news"));

jsFiddle