div内の迷いのあるテキストを折り返す

Question

jQueryでラッパーを追加するには「含むタグを持たないもの」を選択するにはどうすればよいですか？例：

<div class="post"> 
    <div class="whatever">This should remain untouched</div> 
    I want to wrap this in div.red 
</div> 

結果は、あなたがテキストノードを選択しようとしている。この

<div class="post"> 
    <div class="whatever">This should remain untouched</div> 
    <div class="red">I want to wrap this in div.red</div> 
</div> 

Answer 1

だろう。

$('.post').each(function() { 
    var data = []; 
    $(this).contents().each(function() { 
     if (this.nodeType === Node.TEXT_NODE) { 
      data.push(this); 
     } 
    }).end().append($('<div class="red" />').append(data)); 
}); 

HTML：

<div class="post"> 
    <div class="whatever">This should remain untouched</div> 
    I want to wrap this in div.red 
</div> 

CSS：

.red{background:red}