jQuery向后遍歷樹

Question

我正在尋找解決我遇到的一個小問題的方法，目前我正在尋找從某個元素（例如所有父元素）獲取整個DOM樹的方法，可以使用.closest('body').first() 。

問題是我正在尋找一種方法來遍歷每個元素和父元素，並從它們中刪除除原始目標之外的所有text / html，因此基本上有一個空白樹，但在底部元素中有html。

盡管我還沒有嘗試過， 但我只是想.each()可以工作，盡管有人告訴我嵌套結構會有問題？

任何建議都很好！

感謝唐

更新：接受的答案效果很好！ 我修改了代碼並添加到下面的小提琴中，以使其能夠與深層嵌套結構（如我正在使用的結構）一起使用...

在這里提琴： http : //jsfiddle.net/RDNTc/2/

Answer 1

該腳本刪除了目標父節點的每個文本節點：

$('p').parentsUntil('body').each(function(){
    $(this).contents().each(function(){
        if(this.nodeType === 3) this.parentNode.removeChild(this);
    });
});

http://jsfiddle.net/RDNTc/ ;

Answer 2

您可以使用.parents()在jQuery中遍歷父母。 然后使用.each()循環遍歷它們。