通过函数jQuery获取属性集

Question

我有一个函数附加到div #Browse的点击事件，该事件将变量isOpen切换为true或false。另一个点击事件具有以下声明

alert($("#Browse").attr('isOpen'));
alert(document.getElementById('Browse').isOpen);

第一个产生＆＃34;未定义＆＃34;而第二个说真或假是正确的。如何使用jQuery获取isOpen的值？

Answer 1

使用数据属性来设置和获取数据：

// to set
$("#Browse").data('isOpen', true)

// to get
$("#Browse").data('isOpen')

<强>文档

• jQuery data方法 - http://api.jquery.com/data/

Answer 2

没有“jQuery方式”来执行此操作，因为isOpen是一个临时属性。如果您能够更改属性的设置方式，follow the recommendations in Chris' answer。

否则，你可以得到的最接近的是使用jQuery来获取DOM元素，然后打开它：

alert($("#Browse")[0].isOpen);

Answer 3

使用新版本的jQuery，您需要使用.prop来获取此内容。

alert($("#Browse").prop('isOpen'));

Answer 4

要访问jQuery中的dom元素，您必须通过jQuery集合中的索引获取元素：使用id，希望集合中只有一个元素，因此您可以使用get(0) < / p>

$('#Browse').get(0).isOpen;

为了更方便地设置jQuery元素的属性，只需使用data方法