javascript - 動的に作成された要素 - 適切なセレクターを作成し、トップ オブジェクトにアクセスする方法

Question

重複の可能性:
Jquery: 選択範囲内の選択

次のコードを検討してください。

var $el = $('<div class="test"><div>Foor</div></div><div class="test"><div>Bar</div></div><div class="other">Leave it!</div>');

// won't work
$el.find('div.test').css('color','red');

$('body').append($el);

jsFiddle:

• http://jsfiddle.net/bVJkR/2/

<div class="test">jQuery を使用して要素にアクセスするにはどうすればよいですか?

.testドキュメントで要素を使用する前に要素にアクセスしたいことに注意してください。

divのラッパーを作成できることは知っていますが、本当に避けたいです。

Answer 1

あなたのコード.testにはルートレベルの要素があります。.filterしたがって、 notを使用する必要があります.find。.find子孫用です。

$el.filter('.test').css('color','red');