Bagaimanakah Saya Boleh Mendapatkan Nama Tag Elemen Terpilih Menggunakan jQuery?

Mendapatkan Nama Teg Elemen Terpilih dengan jQuery

Mengetahui nama teg bagi elemen yang dipilih boleh memberi manfaat dalam pelbagai senario. jQuery menyediakan cara yang mudah untuk mengakses maklumat ini.

Menggunakan .prop("tagName")

Untuk mendapatkan semula nama tag bagi elemen yang dipilih, anda boleh menggunakan Kaedah ".prop('tagName')". Kaedah ini menyediakan nama tag elemen sebagai rentetan. Contohnya:

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

Nama teg secara konvensional menggunakan huruf besar dalam nilai yang dikembalikan.

Mencipta Fungsi Tersuai

Jika anda mendapati tulisan ". prop('tagName')" menyusahkan, anda boleh membuat tersuai fungsi:

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

Fungsi ini boleh digunakan seperti berikut:

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

Mendapatkan Nama Teg dalam Huruf Kecil

Untuk mendapatkan tag nama dalam huruf kecil, edit fungsi tersuai seperti berikut:

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

Fungsi ini boleh digunakan untuk mendapatkan semula nama tag dalam huruf kecil:

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

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