📅  最后修改于: 2023-12-03 15:16:49.476000             🧑  作者: Mango
使用jQuery,通过数据属性值查找具有特定属性值的div元素,可以使用以下示例代码:
$('div[data-my-attribute="my-value"]');
这将选择所有具有 data-my-attribute="my-value"
属性的div元素。在下面的示例中,将查找所有具有 data-color="red"
属性的div元素:
$('div[data-color="red"]');
您还可以使用多个数据属性查找元素。例如,以下代码将选择所有具有 data-color="red"
和 data-size="large"
属性的div元素:
$('div[data-color="red"][data-size="large"]');
您可以使用jQuery的“属性包含选择器”来查找具有包含特定字符串的数据属性的元素。例如,以下代码将选择所有包含 data-type
属性的div元素:
$('div[data-*="type"]');
最后,您可以使用jQuery的 filter()
方法来筛选出具有指定数据属性值的元素。例如,以下代码将筛选出所有具有 data-color="red"
属性的div元素:
$('div').filter('[data-color="red"]');
以上就是使用jQuery查找具有数据属性值的div的全部内容。如有疑问,欢迎在评论区提出。