替换jQuery中HTML字符串中的属性

Question

我有一个包含HTML的字符串。我想用data-class属性(如果有的话)中的值替换class属性。这应该只应用于HTML的特定标记/部分。

我已经写了一些，但希望能有一个指针来完成它：

html = "<div class='hello' data-class='class-name'>Content</div><div class='123'>Content</div><div data-class="class-111"></div>";

var html_out = $('<div/>').html(html).contents();

var final_html = $(html_out).find('[data-class]').attr('class', 'new-value');

所以上面的代码应该会返回：

<div class='class-name' data-class='class-name'>Content</div><div class='123'>Content</div><div class="class-111" data-class="class-111"></div>

至于它是保留还是删除数据类部分，这并不重要。

关键是HTML字符串将包含对data-class属性的使用，我需要用这个值覆盖class属性。

Answer 1

试一试

$('div[data-class]').attr('class', function() { return $(this).data('class') });

Answer 2

好的，我想这就是你要找的-

html_out.find('[data-class]').each(function() {
    this.attr('class', this.attr('data-class');
})

看看jquery docs on attribute selectors和attr function。