javascript - 找到所有标题标签并检查每个标签是否有 id 属性，如果没有则使用 jquery 添加 id 属性

Question

想要从内容中查找所有 header 标签并检查每个标签是否有 id 属性，如果没有，则使用 jquery 添加 id 属性

下面是我的代码:

var headings = $("#edited_content").find("h1,h2,h3,h4,h5,h6");
    $.each(headings, function (i, heading) {
        attributes = heading.attributes
        $.each(attributes, function (j, value) {
            if (value.name == 'id') {
                alert("id present");
            } else {
                alert("id absent");
                $(this).attr('id', i);
            }
        });
    });

Answer 1

尝试一个简单的

var headings = $("#edited_content").find("h1,h2,h3,h4,h5,h6");
headings.attr('id', function(i, id){
    return id || 'prefix-' + i
})

演示:Fiddle

如果您愿意，可以使用 not() 过滤器对其进行微调，例如 headings.not('[id]').attr(...)