Czy jQuery może zawierać nazwę znacznika?

Question

Mam kilka elementów na stronie HTML, które mają tę samą klasę - ale są to różne typy elementów. Chcę dowiedzieć się nazwy znacznika elementu, gdy nad nim zapętlałem - ale .attr nie przyjmuje "znacznika" ani "zmiennej".

Oto co mam na myśli. Rozważ te elementy na stronie:

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

teraz chcę uruchomić coś podobnego do tego, aby zapewnić, że moje wszystkie elementy posiadają identyfikator, jeśli nie został już zdefiniowany:

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

Wynik bym to tak, jakby elementy H2 i H4 miałyby wówczas odpowiednio ID równy

rndh2_1 
rndh4_3 

rndh2_1 
rndh4_3 

Jakieś pomysły, w jaki sposób mogę odkryć nazwę znacznika elementu reprezentowanego przez "to"?

Answer 1

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

powinny być

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

Answer 2

można spróbować to:

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

Zobacz docs dłużej na to().

Answer 3

Tak. Można użyć poniższy kod:

this.tagName 

Answer 4

Odkąd hit to pytanie raz przed i to mi nie pomaga w moim przypadku (nie mają this, lecz miał wystąpienie selektor jQuery) . Wywołanie get() dostaniesz element HTML, dzięki któremu uzyskasz nodeName, jak wspomniano powyżej.

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

lub

$('.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

Można również użyć $(this).prop('tagName'); jeśli używasz jQuery 1.6 lub wyższej.

Answer 6

Myślę, że nie można użyć nodeName w jQuery, ponieważ nodeName jest właściwością DOM, a sama jQuery nie ma ani funkcji ani właściwości nodeName. Ale na podstawie respondenta, który jako pierwszy wspomniano o tym nodeName rzeczy, to jak udało mi się rozwiązać ten problem:

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

UWAGA: this tutaj jest obiekt jQuery.

Answer 7

Ponieważ jest to pytanie, które przychodzą na google za pomocą jquery zmiennej pierwszego dziecka jako zapytanie wyślę Inny przykład:

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

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

Rezultatem jest jQuery (wielkimi literami) zmienna: P

Answer 8

Rozważmy szybki FILTR metody:

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

powraca:

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

tak:

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

Answer 9

można uzyskać HTML element name tag na całej stronie.

Można użyć:

 $('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; 

uwaga: zastąpić to z selektora (H1, H3 lub ...)

Answer 11

ja dopiero napisałem go dla innego problemu i uważało, że może pomóc także tobie.

wykorzystania:

• tj onclick="_DOM_Trackr(this);"

Parametry:

1. DOM-Object do śledzenia
2. RETURN/wyłącznik alarmu (opcjonalnie, domyślnie = alert)

kod źródłowy:

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

Najlepszym sposobem, aby naprawić problem, jest zastąpienie $(this).attr("tag") albo this.nodeName.toLowerCase() lub this.tagName.toLowerCase().

Obie dają dokładnie taki sam wynik!

Answer 13

Zamiast tego po prostu zrobić:

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