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

Question

Want to find all header tags from the content and check each tag has id attribute and if not, then add id attribute using jquery

Below is my code:

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

Try a simple

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

Demo: Fiddle

If you want you can fine tune it using a not() filter like headings.not('[id]').attr(...)

Answer 2

try this:

   if ($(this).attr("id"))) {
         alert("id present");
    } else {
        alert("id absent");
        $(this).attr('id', i);
    }