javascript - jQuery 按数据属性选择元素意外结果

Question

以下代码应提醒 DIV 的 HTML 内容。通过查找字段面板的数据属性来选择 DIV。然而，由于我无法解释的原因，该警报未定义。

$('.access .panel').html(results).data('panel','logon');

  alert($('.access .panel[data-panel=logon]').html());

Answer 1

使用data方法设置元素的数据不会更改数据属性。 data属性是初始值，而不是当前值。

如果设置了数据属性，则可以使用选择器找到它:

$('.access .panel').html(results).attr('data-panel','logon');