如何在 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中文網其他相關文章！