如何在现有选择中按 id 选择元素？答案

【问题标题】：How to select element by id within existing selection?如何在现有选择中按 id 选择元素？
【发布时间】：2013-08-13 04:39:42
【问题描述】：

给定 HTML：

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

还有一个先前创建的 jQuery 选择：

var $divs = $("div");

如何通过 id 选择该选择中的特定 div？
注意：$divs 选择尚未附加到 DOM，所以我不能只选择直接（例如$("#div-b")）。

find() 选择选择的后代，所以这不起作用：

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

has() / :has() 选择包含具有指定选择器的元素的元素，因此这不起作用：

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

【问题讨论】：

【解决方案1】：

你想用filter()来减少集合/。

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

【讨论】：

【解决方案2】：

我想你在找filter():

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

【讨论】：

【解决方案3】：

如果您只想检查您已经创建的特定 jQuery 对象中的元素，您可以使用.filter() 方法：

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

这将仅检查 $divs jQuery 对象中的元素，因此查看它们是否与选择器 "#div-a" 匹配，并将返回一个仅包含匹配项的新 jQuery 对象（在这种情况下为零或一个对象)。

【讨论】：