在元素上添加索引的语义上正确的方法是什么？

Question

假设页面上有一组元素，并且他们需要在JavaScript中动态访问。在对象上存储这些数据的语义上正确的方法是什么？它是一个类还是一个数据属性？

<li class="question question1"></li> 
<li class="question question2"></li> 
<li class="question question3"></li> 

和访问诸如元素：

$('.question' + index) 

OR

<li class="question" data-question-index="1"></li> 
<li class="question" data-question-index="2"></li> 
<li class="question" data-question-index="3"></li> 

和访问诸如元素：

$('[data-question-index=' + index + ']') 

Answer 1

有多长的绳子？

1. 他们已经有指数（$(".question").eq(1)是第二个，例如; $(".question").eq(1).index()将返回1如果所有的li S IN的ul的有类）。

2. 使用data-*属性是非常好的，如果这适用于您的用例;如果您添加/删除，您当然必须重新排列它们。

3. 使用class是完全正常的，如果这适用于您的用例（也许有点不寻常）;如果您添加/删除，您当然必须重新排列它们。

4. 使用的id是完美的罚款是否适合您的使用情况（是真快查找，如果是重要的）;如果您添加/删除，您当然必须重新排列它们。

Answer 2

HTML

<li class="question"></li> 
<li class="question"></li> 
<li class="question"></li> 

然后JS貌似

$('.question').get(index) 

Get Jquery Documentation