使用jQuery遍歷DOM樹

<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"。我想在我寫的地方插入一些數據使用jQuery遍歷DOM樹

到目前爲止，我已經嘗試過這種方法，但沒有成功：$(data).appendTo($("#current").prev("div"));。希望有人能幫忙？

請注意：我有多個.media，.pull-left，.media-body，.content，.news和.sub的div在頁面上的其他地方。

來源

2014-02-27 henrywright

哪'.media .media體。新聞'div你會瞄準嗎？它會始終是第一個，還是最後一個，還是以其他方式確定？不知道我們真的不能幫助。 –

@winterblood .media。body -.news div我想要定位的將始終是以前的兄弟到#current - 就像它在上面的問題代碼中顯示的那樣 – henrywright

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

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

來源

2014-02-27 23:50:25

您釘牢它的碎紙機。謝謝 – henrywright

@henrywright這會附加到每個兄弟元素的class等於'news'，我的印象是你只是想把它追加到前面的兄弟姐妹？ –

是的，在'＃current'的父容器中應該只有一個'.news'這個工作。如果還有更多，請告訴我......我們可以更具體一些。 –

要只追加到以前的兄弟姐妹的帶班等於祖先news嘗試以下操作：

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

jsFiddle

來源

2014-02-28 00:16:23

+1，因爲這完美地回答了我的問題。再次感謝！ – henrywright

使用jQuery遍歷DOM樹

回答

相關問題