在 Jquery 对象上使用选择器 [关闭]答案

【问题标题】：Using selector on a Jquery Object [closed]在 Jquery 对象上使用选择器 [关闭]
【发布时间】：2013-06-28 16:36:50
【问题描述】：

我有一个问题（我想这很简单，但我真的找不到它，因为它真的很具体）。

我想了解如何在表示 DOM 元素的 Jquery 对象上使用选择器。

这是我想做的一个例子。

HTML：

<div id="template">
    <button class="buttonRemove"></button>
    ...A Lot of other HTML Content...
</div>

jQuery:

var myTemplate = $("#template").clone(true);
myTemplate.attr("id","a_new_customized_id");
myTemplate.A_WAY_TO_SELECT_BUTTON_WITH_CLASS_REMOVE.hide();

我想这样做有两个原因：我正在将我的真实模板用于一些不同的功能（例如显示可以删除的信息，以及其他一些不能删除的信息）

谢谢！

编辑：谢谢大家的回复。在您给我解决方案之前，我尝试了很多诸如“$.myTemplate.("selector")”之类的东西。

我刚刚找到了另一个解决方案：

$('#buttonRemove',myTemplate)

如果您在选择器方法中使用第二个参数，它将用作选择器的研究领域。（默认：文档）

【问题讨论】：

.find()
你要jquery找到api.jquery.com/find
myTemplate.find(":button.buttonRemove").hide() 将从 myTemplate 中隐藏“buttonRemove”类的所有按钮。在选择器末尾添加一个“:first”，只获取找到的第一个按钮。

【解决方案1】：

myTemplate.A_WAY_TO_SELECT_BUTTON_WITH_CLASS_REMOVE.hide()

是这样写的，（假设你的类是“删除”）

myTemplate.find('button.remove').hide()

【讨论】：

【解决方案2】：

myTemplate.find('button.buttonRemove').hide();

如果克隆的元素没有稍后/更早附加到 DOM，这将无效。

【讨论】：

【解决方案3】：

myTemplate.find('button.remove').hide();

在 myTemplate 中找到带有移除类的按钮。

【讨论】：