¿Puede jQuery proporcionar el nombre de la etiqueta?

Tengo varios elementos en una página HTML que tienen la misma clase, pero son tipos de elementos diferentes. Quiero averiguar el nombre de la etiqueta del elemento mientras lo recorro, pero .attr no acepta "etiqueta" o "nombre de etiqueta".

Esto es lo que quiero decir. Considere estos elementos en una página:

<h1 class="rnd">First</h1>
<h2 id="foo" class="rnd">Second</h2>
<h3 class="rnd">Third</h3>
<h4 id="bar" class="rnd">Fourth</h4>

Ahora quiero ejecutar algo como esto para asegurarme de que todos mis elementos tengan una identificación si una no estaba ya definida:

$(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());
    }
  });
});

El resultado que me gustaría sería que los elementos H2 y H4 tuvieran una identificación de

rndh2_1
rndh4_3

respectivamente.

¿Alguna idea sobre cómo puedo descubrir el nombre de la etiqueta del elemento representado por "esto"?

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

debiera ser

$(this).attr("id", "rnd" + this.nodeName.toLowerCase() + "_" + i.toString());

Puedes probar esto:

if($(this).is('h1')){
  doStuff();
}

Consulte los documentos para obtener más información sobre is ().

Desde que respondí a esta pregunta una vez antes y no me ayudó en mi caso (no thistenía una instancia de selector de jQuery, sino que tenía una). Al llamar get(), obtendrá el elemento HTML, mediante el cual puede obtener el nodeNamecomo se mencionó anteriormente.

this.nodeName; // In a event handler, 'this' is usually the element the event is called on

o

$('.hello:first-child').get(0).nodeName; // Use 'get' or simply access the jQuery Object like an array
$('.hello:first-child')[0].nodeName;     // will get you the original DOM element object

También puede usar $(this).prop('tagName');si está usando jQuery 1.6 o superior.

Si. Puede usar el siguiente código:

this.tagName

Creo que no puede usar nodeNameen jQuery ya que nodeName es una propiedad DOM y jQuery en sí no tiene una nodeNamefunción o propiedad. Pero según el encuestado que mencionó por primera vez sobre estas nodeNamecosas, así es como pude resolver el problema:

this.attr("id", "rnd" + this.attr("nodeName") + "_" + i.toString());

NOTA: thisaquí hay un objeto jQuery.

Dado que esta es una pregunta que aparece en google usando jquery tagname first child como consulta, publicaré otro ejemplo:

<div><p>Some text, whatever</p></div>

$('div').children(':first-child').get(0).tagName); // ...and not $('div:first-child')[...]

El resultado de jquery es un nombre de etiqueta (en mayúsculas): P

Puede obtener el nombre de la etiqueta del elemento html en toda la página.

Podrías usar:

        $('body').contents().on("click",function () {
          var string = this.tagName;
          alert(string);
         });

you can try:
jQuery(this).get(0).tagName;
or
jQuery(this).get(0).nodeName;

nota: reemplace esto con su selector (h1, h3 o ...)

Lo acabo de escribir para otro número y pensé que podría ayudar a cualquiera de ustedes también.

Uso:

• es decir onclick="_DOM_Trackr(this);"

Parámetros:

1. DOM-Objeto para rastrear
2. interruptor de retorno / alerta (opcional, predeterminado = alerta)

Código fuente:

function _DOM_Trackr(_elem,retn=false)
{
    var pathTrackr='';
    var $self=$(_elem).get(0);
    while($self && $self.tagName)
    {
        var $id=($($self).attr("id"))?('#'+$($self).attr("id")):'';
        var $nName=$self.tagName;
        pathTrackr=($nName.toLowerCase())+$id+((pathTrackr=='')?'':' > '+(pathTrackr));
        $self=$($self).parent().get(0);
    }
    if (retn)
    {
        return pathTrackr;
    }
    else
    {
        alert(pathTrackr);
    }
}

La mejor manera de solucionar su problema es reemplazar $(this).attr("tag")con this.nodeName.toLowerCase()o this.tagName.toLowerCase().

¡Ambos producen exactamente el mismo resultado!

Considere el método de FILTRO rápido :

$('.rnd').filter('h2,h4')

devoluciones:

[<h2 id=​"foo" class=​"rnd">​Second​</h2>​, <h4 id=​"bar" class=​"rnd">​Fourth​</h4>​]

entonces:

$('.rnd').filter('h2,h4').each(function() { /*...$(this)...*/ });

En su lugar, simplemente haz:

$(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
      // change the below line...
      $(this).attr("id", "rnd" + this.tagName.toLowerCase() + "_" + i.toString()); 
  });
});