Bisakah jQuery memberikan nama tag?

Saya punya beberapa elemen pada halaman HTML yang memiliki kelas yang sama - tetapi mereka memiliki tipe elemen yang berbeda. Saya ingin mengetahui nama tag elemen saat saya mengulanginya - tetapi .attr tidak mengambil "tag" atau "tagname".

Inilah yang saya maksud. Pertimbangkan elemen-elemen ini di halaman:

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

Sekarang saya ingin menjalankan sesuatu seperti ini untuk memastikan bahwa semua elemen saya memiliki id jika belum ditentukan:

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

Hasil yang saya inginkan adalah bahwa elemen H2 dan H4 kemudian akan memiliki id

rndh2_1
rndh4_3

masing-masing.

Adakah ide tentang bagaimana saya dapat menemukan nama tag dari elemen yang diwakili oleh "ini"?

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

seharusnya

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

Anda bisa mencoba ini:

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

Lihat dokumen lebih lanjut tentang is ().

Karena saya telah mencapai pertanyaan ini sekali sebelumnya dan itu tidak membantu saya dalam kasus saya (saya tidak memiliki this, tetapi memiliki contoh pemilih jQuery). Memanggil get()akan memberi Anda elemen HTML, yang dengannya Anda bisa mendapatkan nodeNameseperti yang disebutkan di atas.

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

atau

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

Anda juga bisa menggunakan $(this).prop('tagName');jika Anda menggunakan jQuery 1.6 atau lebih tinggi.

Iya. Anda bisa menggunakan kode di bawah ini:

this.tagName

Saya pikir Anda tidak dapat menggunakan nodeNamedi jQuery karena nodeName adalah properti DOM dan jQuery itu sendiri tidak memiliki nodeNamefungsi atau properti. Namun berdasarkan responden yang pertama kali menyinggung nodeNamehal tersebut, berikut cara saya menyelesaikan masalah tersebut:

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

CATATAN: di thissini adalah objek jQuery.

Karena ini adalah pertanyaan yang Anda tanyakan di google menggunakan jquery tagname first child sebagai kueri, saya akan memposting contoh lain:

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

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

Hasil jquery adalah tagname (huruf besar): P

Anda bisa mendapatkan nama tag elemen html di seluruh halaman.

Anda bisa menggunakan:

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

catatan: ganti ini dengan selektor Anda (h1, h3 atau ...)

Saya baru saja menulisnya untuk masalah lain dan berpikir ini dapat membantu Anda berdua juga.

Pemakaian:

• yaitu onclick="_DOM_Trackr(this);"

Parameter:

1. DOM-Objek untuk dilacak
2. tombol kembali / peringatan (opsional, default = peringatan)

Kode sumber:

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

Cara terbaik untuk memperbaiki masalah Anda, adalah menggantinya $(this).attr("tag")dengan this.nodeName.toLowerCase()atau this.tagName.toLowerCase().

Keduanya menghasilkan hasil yang sama persis!

Pertimbangkan metode FILTER cepat :

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

kembali:

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

begitu:

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

Cukup lakukan:

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