I've got several elements on a HTML page which have the same class - but they're different element types. I want to find out the tag name of the element as I loop over them - but .attr doesn't take tag or tagname.

Here's what I mean. Consider these elements on a page:

<h1 class=rnd>First</h1>

<h2 id=foo class=rnd>Second</h2>

<h3 class=rnd>Third</h3>

<h4 id=bar class=rnd>Fourth</h4>

Now I want to run something like this to ensure that my elements all have an id if one wasn't already defined:

$(function() {

  $(.rnd).each(function(i) {

    var id = $(this).attr(id);

    if (id === undefined || id.length === 0) {

      // this is the line that's giving me problems.

      // .attr(tag) returns undefined

      $(this).attr(id, rnd + $(this).attr(tag) + _ + i.toString());

    }

  });

});

The result I would like would be that the H2 and H4 elements would then have an id of

rndh2_1

rndh4_3

respectively.

Any ideas on how I can discover the tag name of the element represented by this?