javascript - jQueryコレクションからコメントとテキストノードを削除する

Question

$html = $("<!-- comment --> <p>text</p>");

そのようなjQueryコレクションを作成します

$( [the comment], [text node], p )

段落のみにアクセスするにはどうすればよいですか？.find（ "p"）は空のコレクションを返します

そして、追加のポイントについては、

$html = $("<p>text</p>");

そのようなjQueryコレクションを作成します

$( p )

コメントがあるかどうかに関係なく機能する、pだけを取得するためのフェイルセーフな方法はありますか？

Answer 1

最も簡単な方法は、すべての要素に一致filterするユニバーサルセレクターを使用することです。*

$html = $("<!-- comment --> <p>text</p>").filter('*');

Answer 2

var p = $html.filter(function() { return this.nodeType === 1; });

jsFiddle。

Answer 3

このデモをお試しください。たぶん、これはあなたがそれを使うつもりの正確な方法ではないかもしれませんが、あなたは要点を理解します。

<div class="text">
    <!-- comment -->
    <p>text</p>
</div>

var html = $('.text').html();
html = $.trim(html.replace(/<!--(.*?)-->/ig, ''));
alert(html);

Answer 4

$html = $("<!-- comment --> <p>text</p>");1つの方法は、を使用してpタグを取得できるように、インデックスで取得することです$($html[2])。

また

$html = $("<!-- comment --> <p>text</p>");
$target = new Object();
for(key in $html){
    if(typeof $html[key] ===  'object' && $html[key].localName === 'p')
        $target = $html[key];
}