Bagaimanakah Saya Boleh Mendapatkan Nama Teg Elemen Terpilih Dengan Mudah Menggunakan jQuery?

Mendapatkan Nama Tag Elemen Terpilih dengan jQuery

Mencari pendekatan yang mudah untuk mendapatkan nama tag bagi elemen tertentu dalam jQuery pemilih? Panduan ini menyediakan panduan komprehensif tentang menggunakan kaedah .prop("tagName") untuk menangkap nama tag dengan pantas.

Penyelesaian melalui .prop("tagName"):

Untuk menentukan nama teg bagi objek jQuery yang diberikan $('selector'), hanya gunakan fungsi .prop("tagName"). Contohnya:

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

Fungsi Tersuai untuk Permudah:

Untuk menyelaraskan proses, fungsi tersuai boleh ditakrifkan:

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

Ini memudahkan sintaks, membolehkan untuk mendapatkan semula tag dengan mudah nama:

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

Sokongan Nama Teg Huruf Kecil:

Mengikut konvensyen, nama teg dikembalikan dalam huruf besar. Untuk mendapatkan semula nama teg huruf kecil, ubah suai fungsi tersuai:

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

Fungsi ini akan mengeluarkan nama teg huruf kecil:

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

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