本部テキストセレクタ

Question

は<p>タグでラップせずに、このdiv要素内のテキストのためのセレクタがありますか、すべてのテキストを検索し、<p>タグでラップするためにjqueryの/ JavaScriptで可能ですか？

<div class="content"> 
Some content in here. 
<img src="image" alt="image" /> 
</div> 

私は追加のHTMLマークアップを適用することはできませんし、イメージをイメージと異なるスタイルにしたいと思っています。

私はどちらかの希望になることを<p>でテキストをラップする：

<div class="content"> 
<p>Some content in here.</p> 
<img src="image" alt="image" /> 
</div> 

または私はHTMLマークアップのない単なるテキストCSS選択して何とかそれをスタイルすることができますか？

Answer 1

はあなたが.nodeType === 3を使用してフィルタリングするべき後.contentsと、（3のnodeTypeを持つテキストノードを、フィルタリング）（テキストノードがある）すべての「裸のテキスト」を選択することができます。

例えば：http://jsfiddle.net/ZAYD2/。

$("div").contents().filter(function() { 
    return this.nodeType === 3; 
}).wrap("<p>"); 

たとえば、CSSを使用してすべての<p>要素をスタイルすることができます。