在Jquery对象上使用选择器

时间:2013-07-01 14:07:20

标签: javascript jquery dom jquery-selectors

我有一个问题(我想这很简单,但我真的找不到它,因为它非常具体)。

我想找到如何在代表DOM元素的Jquery对象上使用selector。

这是我想做的事情的例子。

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();

我想这样做有两个原因: 我正在使用我的真实模板来处理一些不同的函数(比如显示可以删除的信息,以及其他一些不能删除的信息)

Thx!

编辑:请大家回答你的问题。在你给我解决方案之前,我尝试过很多像“$ .myTemplate。(”selector“)”的东西。

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

$('#buttonRemove',myTemplate)

如果在选择器方法中使用第二个参数,它将用作选择器的研究领域。 (默认:文件)

3 个答案:

答案 0 :(得分:4)

myTemplate.A_WAY_TO_SELECT_BUTTON_WITH_CLASS_REMOVE.hide()

是这样写的,(假设你的课程是“删除”)

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

答案 1 :(得分:3)

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

如果克隆元素未在之后/之前附加到DOM,则无效。

答案 2 :(得分:1)

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

在myTemplate for find中找到remove class。