在 jQuery 克隆中查找元素

Question

我正在开发一个应用程序，我需要克隆 table，然后独立访问 td 和 tr，具体取决于它们的属性或此 table 中的类。

是否有一种简单的方法可以使用经典的 jQuery 选择器来完成此操作，或者我是否需要编写一个全新的函数？

代码：

JS

var grid = $("table").clone();
console.log($(grid).$("td"));

Answer 1

是的，您可以像使用常规 jQuery 选择器一样使用克隆。对于您的示例，它将是

var grid = $("table").clone();
console.log($(grid).find("td"));

甚至

console.log(grid.find("td"));

Answer 2

假设您只从一个 table 开始，以下选择器字符串将找到 table 中的所有行（如您所知）。

$("table tr")

但是如果你用一个变量引用你的 table 你必须使用 find 运算符和原始选择器字符串的其余部分来代替，例如

var $table = $("table");
$table.find("tr")

我在我的变量前加上 $ 作为 note-to-self 前缀，它已经是一个 jQuery 对象，即不需要 $($table).

您可以使用完全相同的方式使用克隆：

var $clone = $("table").clone();
$clone.find("tr")

Find element within a jQuery clone