jQuery può fornire il nome del tag?

Question

Ho diversi elementi in una pagina HTML che hanno la stessa classe, ma sono diversi tipi di elementi. Voglio scoprire il nome del tag dell'elemento mentre faccio il loop su di essi - ma .attr non accetta "tag" o "tagname".

Ecco cosa intendo. Prendere in considerazione questi elementi di una pagina:

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

Ora voglio eseguire qualcosa di simile al fine di garantire che i miei elementi hanno tutti un ID se non è già stato definito:

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

Il risultato lo farei come sarebbe che gli elementi H2 e H4 avrebbero quindi un id di

rndh2_1 
rndh4_3 

rispettivamente.

Qualche idea su come posso scoprire il nome del tag dell'elemento rappresentato da "questo"?

Answer 1

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

dovrebbe essere

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

Answer 2

si potrebbe provare questo:

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

Vedere la docs per più su è().

Answer 3

Sì. È possibile utilizzare il codice qui sotto:

this.tagName 

Answer 4

Dal momento che ho colpito questa domanda una volta prima e non mi ha aiutato nel mio caso (non ho avuto un this, ma invece ha avuto un esempio di selezione jQuery) . Chiamando get() otterrai l'elemento HTML, con il quale è possibile ottenere lo nodeName come menzionato sopra.

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 

Answer 5

Si potrebbe anche usare $(this).prop('tagName'); se si sta utilizzando jQuery 1.6 o superiore.

Answer 6

Penso che non sia possibile utilizzare lo nodeName in jQuery poiché nodeName è una proprietà DOM e jQuery non ha una funzione o proprietà nodeName. Ma in base al convenuto che la prima volta su questa roba nodeName, questo è come sono stato in grado di risolvere il problema:

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

NOTA: this qui è un oggetto jQuery.

Answer 7

Dal momento che questa è una domanda si arriva lungo su Google utilizzando jQuery nometag primo figlio come una query vi posterò un altro esempio:

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

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

Il risultato è un jquery (maiuscolo) TagName: P

Answer 8

consideri il veloce metodo di FILTRO:

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

restituisce:

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

così:

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

Answer 9

È possibile ottenere html nome di un elemento tag su pagina intera.

Si potrebbe utilizzare:

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

Answer 10

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

nota: sostituire questo con il vostro selettore (H1, H3 o ...)

Answer 11

ho appena scritto per un altro problema e ho pensato che potrebbe aiutare entrambi.

utilizzo:

• cioè onclick="_DOM_Trackr(this);"

Parametri:

1. DOM-Object per rintracciare
2. ritorno/interruttore di allarme (opzionale, default = avviso)

Fonte-Code:

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

Answer 12

Il modo migliore per risolvere il problema, è quello di sostituire $(this).attr("tag") sia con this.nodeName.toLowerCase() o this.tagName.toLowerCase().

Entrambi producono esattamente lo stesso risultato!

Answer 13

Invece semplicemente:

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