1

我在选择 jQuery 中的第一个孩子时遇到了一些麻烦。我试图这样做是为了避免有很多 if 语句。基本上，您单击一个按钮。此类选择器设置为处理我的 JS 中的点击。一旦你进入 JS，我想得到刚刚被点击的项目的孩子，但我没有任何快乐。

这是我的 JS 中的内容：

$('.itemClicked').click(function(){

var id = $(this).attr('id').first();
    // it can't find the method first() here. If I just find the id, I get the 
    // correct ID of what I just clicked.          

var test = id.first();
    // I tried the above to seperate the ID from the first() method request
    // no joy with this either.

test.toggleClass("icon-tick");
    // this is my ultimate aim, to toggle this icon-tick class on the item
    // clicked.

});

如果您能在这里帮助我，请提前致谢。我可能只是在做一些愚蠢的事情，但我很难意识到那是什么。

4

3 回答 3

8

您当前的版本不起作用，因为.attr('id')只是将 ID 作为字符串返回，而不是 jQuery 对象。此外，.first()返回 jQuery 集合中的第一项，而不是它们的子项。

所以，你只想要：

var test = $(this).children().first();

或者：

var test = $('>:first-child', this);

或者：

var test = $(this).children(':first');

或（在较新的浏览器上）：

var test = $(this.firstElementChild);

在使用 Chrome 25 进行的jsperf.firstElementChild测试中，该方法非常快，但在 MSIE < 9 上不可用。.children().first() was the fastest portable option, and the>:first-child' 方法非常非常慢。

于 2013-02-13T14:53:47.843 回答
1

也许

$('.itemClicked').click(function(){
    $(':first-child',this).toggleClass('icon-tick');
});

是你所追求的。

现场示例：http: //jsfiddle.net/ySMLG/

于 2013-02-13T14:54:05.347 回答
-2

如果您要做的只是在单击的项目上切换类“icon-tick”，那么这将起作用：

$('.itemClick').click(function () {
    $(this).toggleClass('icon-tick');
});

该声明：

$(this).attr('id').first()

不起作用，因为 attr() 方法返回属性的值，而不是 jQuery 对象，因此它不可链接。

于 2013-02-13T14:58:24.217 回答