修改var中的jQuery选择器

Question

我可能解释不好，但我不知道如何描述，反正..

我有这个var：

var d_atributo=$("div.atributo");

无论如何要选择这样提到的元素子元素？

d_atributo.$(" span.example).click(function(){...});

我的意思是我想使用这个var并在运行中扩展他的“定义”。

Answer 1

否。您无法使用默认的jQuery选择器。

你可以这样做：

d_atributo.find("span.example").click(function(){
   // your code
});

或

d_atributo.children("span.example").click(function(){
   // your code
});

或

$("span.example", d_atributo).click(function() {
 // your code
});

Answer 2

你可以别名find：

jQuery.fn.$ = jQuery.fn.find;

然后它会起作用：

var d_atributo = $("div.atributo");
d_atributo.$("span.example").click(function() {
    alert('hello');
});

演示：http://jsfiddle.net/9rFBS/1/

Answer 3

改为使用

d_atributo.find("span.example").click(function(){...});

如果您正在寻找直接孩子，请使用{{1>}代替children()

Answer 4

您似乎正在寻找children()方法：

d_atributo.children("span.example").click(function() {
    // ...
});