javascript - 既存の選択内でIDで要素を選択する方法は?

Question

与えられた HTML:

<div id="div-a"></div>
<div id="div-b"></div>
<div id="div-c"></div>

そして、以前に作成された jQuery セレクション:

var $divs = $("div");

その選択範囲内の特定の div をその ID で選択するにはどうすればよいですか?
注:$divs選択はまだ DOM に追加されていないため、直接選択することはできません (例: ) $("#div-b")。

find()選択の子孫を選択するため、これは機能しません。

$divs.find("#div-b");

has()/:has()指定されたセレクターを持つ要素を含む要素を選択するため、これは機能しません:

$divs.has("#div-b");

Answer 1

filter()set/ を減らすために使用します。

var elem = $divs.filter("#div-b");

Answer 2

作成済みの特定の jQuery オブジェクト内の要素のみを調べたい場合は、次の.filter()メソッドを使用できます。

var $divs = $("div");
var item = $divs.filter("#div-a");

これにより、$divs jQuery オブジェクト内の要素のみが検査されるため、それらのいずれかがセレクターに一致するかどうかを確認し"#div-a"、一致するもの (この場合は 0 または 1 つのオブジェクト) のみを含む新しい jQuery オブジェクトを返します。