在使用jQuery時,我們可能會遇到需要獲取元素自定義屬性值的需求。自定義屬性值是指在HTML標簽中添加的自定義屬性,比如:
<div data-id="123" data-name="Jack"></div>
上面的示例中,data-id
和data-name
都是自定義的屬性。
要獲取自定義屬性的值,可以使用jQuery的.data()
方法,如下所示:
$("div").data("id"); // 返回:123
上面的代碼表示獲取div
元素中data-id
屬性的值。通過.data()
方法,我們可以輕松地獲取元素中所有的自定義屬性值。
如果需要同時獲取多個自定義屬性的值,可以將這些屬性名作為.data()
方法的參數,如下所示:
$("div").data("id", "name"); // 返回: {id: 123, name: "Jack"}
上面的代碼表示獲取div
元素中data-id
和data-name
屬性的值。通過將多個屬性名作為參數,我們可以一次性獲取所有需要的值。
需要注意的是,使用.data()
方法獲取自定義屬性值時,屬性名前面需要加上data-
前綴,如下所示:
<div data-my-attr="123"></div>
$("div").data("my-attr"); // 返回:123
上面的代碼中,my-attr
是自定義屬性,但在獲取時需要加上data-
前綴。