Question

如何修改data-tooltip的值？我想用一行代码来做到这一点。

这是元素：

<li class="ui-btn-icon-left " data-icon="cf">
  <a href="#" class="ui-btn ui-icon-cf">
    <span class="tooltip" data-tooltip="NeverGiveUp">Samaras</span>
  </a>
</li>

以下是我的两次尝试：

$($(li).find('a').find('span').attr('data-tooltip')).val('foo');
$($(li).find('a').find('span').attr('data-tooltip')).text('foo');

没有任何影响。

Answer 1

最短的符号是：

$('li a span').data('tooltip', 'foo');

Answer 2

我假设您要执行以下操作：

$('li a').find('span').data('tooltip', 'foo');

Answer 3

使用.data()：

$($(li).find('a').find('span').data('tooltip', 'foo'));

Answer 4

直接的答案是.attr('data-tooltip', 'new value');。但是，也可以使用.data('tooltip', 'new value');

推荐（参见hjpotter92＆＃39;评论）

Answer 5

我认为你可以简化为：

$("li a span").data("tooltip", "foo");

Answer 6

对于HTML 5数据属性，您可以使用data()

scrollTop

Answer 7

使用simple with data-attribute

$('.tooltip[data-tooltip]').data('tooltip', 'foo');

修改属性的值

7 个答案: