有没有一种基本的方式通过jQuery来查找所有具有特定值的数据属性的元素并将这些元素作为数组返回?使用jquery查找具有特定值的data-attribute元素?
即<span data-productID="7">My product</span>
有没有一种基本的方式通过jQuery来查找所有具有特定值的数据属性的元素并将这些元素作为数组返回?使用jquery查找具有特定值的data-attribute元素?
即<span data-productID="7">My product</span>
具有特定属性值选择元素的语法是:
[attr_name = attr_value]
在特定情况下,这将是:
$('span[data-product="7"]');
这将返回一个jQuery集合(不是数组),但它可以像使用数字索引的数组那样访问。如果你真的需要一个数组(可能为了使用Array原型方法),你可以使用:
$('span[data-product="7"]').makeArray();
什么是集合返回的集合?即元素?我想弄清楚如何操作集合中每个元素的类。 – 2013-03-19 16:08:28
@JohnS集合包装匹配选择器字符串中表达式的元素。要将类应用于集合中的元素,请使用'$(selector).addClass('myclass')'。要移除一个类,以同样的方式使用'removeClass'。 – 2013-03-19 18:50:22
注意,数据属性被标准化为全部小写。如果你想在jQuery的'.data'方法中用'productId'来表示,可以使用'data-product-id =“7”' – 2013-03-18 21:04:04