Bagaimanakah Saya Boleh Dapatkan Nama Teg Elemen jQuery?

Mengambil semula Nama Teg dengan jQuery

Elemen pertanyaan dalam jQuery menyediakan akses kepada pelbagai atribut, termasuk nama teg. Panduan ini meneroka kaedah yang berkesan untuk mendapatkan nama teg bagi elemen terpilih tertentu.

Mendapatkan Nama Teg

Kaedah .prop() membolehkan anda mendapatkan semula nama teg menggunakan .prop("tagName"). Berikut ialah beberapa contoh:

jQuery("<a>").prop("tagName"); // Returns "A"
jQuery("<h1>").prop("tagName"); // Returns "H1"
jQuery("<cooltagname999>").prop("tagName"); // Returns "COOLTAGNAME999"</cooltagname999>
</h1></a>

Untuk kemudahan, anda boleh mencipta fungsi tersuai seperti berikut:

jQuery.fn.tagName = function() {
  return this.prop("tagName");
};

Ini membolehkan anda menggunakan:

jQuery("<a>").tagName(); // Returns "A"
jQuery("<h1>").tagName(); // Returns "H1"
jQuery("<cooltagname999>").tagName(); // Returns "COOLTAGNAME999"</cooltagname999>
</h1></a>

Ambil perhatian bahawa nama teg biasanya dikembalikan dalam huruf besar. Jika anda lebih suka nama huruf kecil, anda boleh mengubah suai fungsi tersuai:

jQuery.fn.tagNameLowerCase = function() {
  return this.prop("tagName").toLowerCase();
};

Contoh dengan nama teg yang diturunkan:

jQuery("<a>").tagNameLowerCase(); // Returns "a"
jQuery("<h1>").tagNameLowerCase(); // Returns "h1"
jQuery("<cooltagname999>").tagNameLowerCase(); // Returns "cooltagname999"</cooltagname999>
</h1></a>

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Dapatkan Nama Teg Elemen jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!