Bagaimana Mudah Mendapatkan Nama Tag Elemen jQuery Terpilih?

Cara Mendapatkan Nama Teg Elemen Terpilih dalam jQuery

Dalam jQuery, kami sering memanipulasi elemen pada halaman web. Kadangkala, adalah berguna untuk mendapatkan semula nama teg bagi elemen yang sedang kami usahakan.

Adakah terdapat cara mudah untuk mendapatkan nama teg?

Sebagai contoh, katakan anda diberi $('a') dalam fungsi dan ingin mendapatkan tag 'a' nama.

Jawapan

Untuk mendapatkan semula nama teg, anda boleh menggunakan kaedah .prop("tagName"). Berikut ialah beberapa contoh:

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

Jika menulis .prop("tagName") menyusahkan, anda boleh menentukan fungsi tersuai:

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

Contoh:

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

Mengikut konvensyen, nama tag dikembalikan dengan huruf besar. Jika anda lebih suka nama teg huruf kecil, ubah suai fungsi tersuai:

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

Contoh:

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

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