javascript - DRY 属性选择

Question

假设我在页面上有一个元素:

<div data-name='foo'>

获取属性值的最佳方式是什么？有没有比 $('[data-name]').attr('data-name') 或 $('[data-name]').data('名称')?

Answer 1

我不知道你如何定义“DRY”...
if (x < 0) x = 1不是“DRY”因为你写了两次 x 吗？

无论如何在当前的DOM结构中，不，没有。选择器效率低下，这是更重要的!

你可以给元素一个id，这样可以使代码更快。

<div id='foo' data-name='foo'> </div>

...

$('#foo').data('name'); // That's more like it.