Rumah >hujung hadapan web >tutorial css >Bagaimana untuk Mendapatkan Nama Tag Elemen Terpilih Menggunakan jQuery?

Bagaimana untuk Mendapatkan Nama Tag Elemen Terpilih Menggunakan jQuery?

DDD
DDDasal
2024-11-30 05:19:10861semak imbas

How to Get the Tag Name of a Selected Element Using 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>").prop("tagName"); // Output: "H1"

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!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn