如何在 jQuery 中根据元素的数据属性来定位和操作元素？

在 jQuery 中通过数据属性值查找元素

您有多个具有相似结构和数据属性的元素。任务是根据其 data 属性值来定位和操作特定元素。

在您的例子中，您希望向 data-slide 属性值为 0 的元素添加一个类。要实现这一点，您可以在 jQuery 中使用 属性等于选择器 语法。

解决方案：

$('.slide-link[data-slide="0"]').addClass('active');

说明：

1. 属性等于选择器： [attribute="value"]：根据指定的属性和值选择元素。这里，[data-slide="0"] 匹配 data-slide 属性值为 0 的元素。
2. addClass() 方法： 添加一个新的 CSS 类所选元素。在这种情况下， .addClass('active') 将活动类应用于元素。

与 find() 方法比较：

而您之前的尝试使用 find() 方法，它的操作与属性等于选择器不同。 find() 搜索与指定选择器匹配的所选元素的后代。在这种情况下，它将查找 data-slide 属性值为 0 的子元素，这不是您想要的。

Fiddle 演示：

[示例小提琴演示](https://jsfiddle.net/example-of-attribute-equals-selector/)

以上是如何在 jQuery 中根据元素的数据属性来定位和操作元素？的详细内容。更多信息请关注PHP中文网其他相关文章！