javascript - 从列表中仅检索一个表行

Question

如果我有一个存储在变量中的表行列表，是否有办法仅将其中一行(具有特定 ID)放入另一个变量中？

例如，如果 tableRows这是 -

<tr id="0"></tr>
<tr id="1"></tr>
<tr id="2"></tr>
<tr id="3"></tr>
<tr id="4"></tr>

我该如何设置singleRow至<tr id="2"></tr> ？

Answer 1

假设tableRows包含一个HTML字符串:

var singleRow = $(tableRows).filter("#2");

如果它已经是一个包装 HTML 字符串的 jQuery 对象，那么您可以省略对 jQuery 的调用:

var singleRow = tableRows.filter("#2");

filter方法将匹配的元素集减少为与选择器匹配的元素(或通过函数定义的测试)。

这是一个working example .

但是，值得注意的是，生成的 singleRow 变量将包含 jQuery 的实例，而不是像 tableRows 包含的字符串文字。要从中提取字符串，您需要一些技巧:

var str = $("<div>").append($(rows).filter("#2")).html();

基本上，您将所需的元素附加到一个新元素(在本例中为 div)，然后对其调用 html 。由于 html 方法返回一个字符串，因此您将拥有一个包含新元素内容的字符串，这就是您想要的元素。