jQuery:同时选择一个元素的类和id?

时间:2009-12-22 05:20:02

标签: jquery dom jquery-selectors css-selectors

我有一些链接,我想同时选择类和ID。

这是因为我有两种不同的行为。当一类链接获得一个类名时,它们以一种方式运行,当相同的链接段获得另一个类名时,它们的行为会有所不同。类名是用jquery切换的。

所以我必须能够同时选择一个链接类AND id。这可能吗?

我试过了:

 $("a .save #country")

没有任何结果。

6 个答案:

答案 0 :(得分:268)

你可以这样做:

$("#country.save")...

OR

$("a#country.save")...

OR

$("a.save#country")...

根据您的喜好。

所以是的,您可以指定一个必须匹配ID 类的选择器(可能还有标记名称和您要引入的任何其他内容)。

答案 1 :(得分:39)

只是补充说Alex提供的答案对我有用,而不是作为答案突出显示的答案。

这个对我不起作用

$('#country.save') 

但是这个人做了:

$('#country .save') 

所以我的结论是使用空间。现在我不知道是不是我正在使用的新版jQuery(1.5.1),但无论如何希望这对任何有类似问题的人都有帮助。

编辑:完全归功于解释(在对Alex的回答的评论中)给Felix Kling说:

空格是后代选择器,即A B表示“匹配所有元素 匹配B,它们是匹配A的元素的后代。“AB表示”全部选择 匹配A和B的元素“。所以它实际上取决于你想要实现的目标。#country.save#country .save不等同。

答案 2 :(得分:7)

在id和类标识符

之间添加空格时可以使用它

$("#countery .save")...

答案 3 :(得分:2)

最后,适用与css相同的规则。

所以我认为this reference可能有一些有价值的用途。

答案 4 :(得分:1)

这段代码怎么样?

$("a.save#country")

答案 5 :(得分:1)

$("a.save, #country") 

将同时选择“a.save”类和“country”id。