Bagaimana untuk Mendapatkan Nama Tag Elemen Terpilih Menggunakan jQuery?

Cara Menentukan Nama Tag Elemen Terpilih dengan jQuery

Mendapatkan nama tag bagi elemen yang dipilih dalam jQuery boleh menjadi mudah tugasan. Ini boleh berguna dalam pelbagai senario, seperti mengambil struktur HTML secara dinamik atau memanipulasi elemen berdasarkan tegnya.

Penyelesaian 1: Menggunakan .prop("tagName")

jQuery menyediakan kaedah .prop() yang membolehkan anda mendapatkan semula atau menetapkan pelbagai sifat elemen. Untuk mendapatkan nama teg, hanya gunakan .prop("tagName"):

const tagName = jQuery(element).prop("tagName");

Contoh:

jQuery("<a>").prop("tagName"); // Output: "A"
jQuery("<h1 id="prop-tagName-Output-H">").prop("tagName"); // Output: "H1"</h1></a>

Penyelesaian 2: Mencipta Fungsi Nama Teg Tersuai

Jika berulang kali menulis .prop("tagName") menjadi membosankan, anda boleh mencipta fungsi tersuai untuk memudahkan proses:

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

Penggunaan:

const tagName = jQuery(element).tagName();

Kedua-dua kaedah mengembalikan nama tag elemen dalam huruf besar . Jika anda lebih suka nama teg huruf kecil, ubah suai fungsi tersuai:

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

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