Dapatkan tipe elemen dengan jQuery

308

Apakah mungkin, menggunakan jQuery, untuk mengetahui jenis elemen dengan jQuery? Misalnya, apakah elemen div, span, pilih, atau input?

Misalnya, jika saya mencoba memuat nilai ke daftar drop-down dengan jQuery, tetapi skrip yang sama dapat menghasilkan kode ke set tombol radio, dapatkah saya membuat sesuatu seperti:

$('.trigger').live('click', function () {
   var elementType = $(this).prev().attr(WHAT IS IT);
});

Diberikan daftar drop-down dengan tombol di sebelahnya dengan kelas pemicu , elementTypevariabel saya harus kembali selectsetelah tombol ditekan.

jquery element

— Jamie Hartnoll
sumber

Bisakah Anda ulangi? apa yang Anda maksud dengan tipe elemen?

— Abdul Munim

kemungkinan duplikat dari Bagaimana saya bisa menentukan tipe elemen dari elemen yang cocok di jQuery?

— Nathaniel Ford

kemungkinan duplikat untuk menemukan jenis elemen menggunakan jQuery

— Felix Kling

558

Mendapatkan elemen ketik dengan cara jQuery:

var elementType = $(this).prev().prop('nodeName');

melakukan hal yang sama tanpa jQuery

var elementType = this.previousSibling.nodeName;

Memeriksa jenis elemen tertentu:

var is_element_input = $(this).prev().is("input"); //true or false

— Adeneo
sumber

16

Ingat saja bahwa fungsi .prop () hanya ditambahkan di jQuery 1.6 - Anda mungkin perlu meningkatkan versi yang Anda gunakan!

— xgretsch

Tidak bekerja dengan jQuery 1.3.2 lama, jadi ditingkatkan ke terbaru dan bekerja dengan baik.

— Damodar Bashyal

2

Ini dapat ditingkatkan dengan mengganti 'tagName' ke 'nodeName' seperti yang disebutkan di sini .

— Kyle Stoflet

1

@KyleStoflet - tampaknya Anda benar sedang, nodeNametidak mendukung lebih banyak jenis elemen, dan mendukung IE 5.5 seharusnya tidak menjadi masalah lagi, jadi saya tidak melihat masalah dengan mengubah tagNameke nodeNamedalam jawaban di atas. Keduanya akan bekerja dengan baik untuk elemen, dan yang terakhir akan bekerja pada textnodes, atribut dll.

— adeneo

3

Bekerja tapi saya agak bingung dengan prev (), yang khusus untuk kode contoh yang dimaksud. Pada dasarnya,$(this).is("input");

— Fanky

56

Anda juga dapat menggunakan:

$("#elementId").get(0).tagName

— Ali
sumber

26

Anda harus menggunakan tagNameproperti dan attr('type')untuk input

— Distdev
sumber

Contoh akan membuat komentar ini lebih kuat.

— Justapigeon

16

Seperti yang disinggung oleh Distdev, Anda masih perlu membedakan jenis input. Artinya,

$(this).prev().prop('tagName');

akan memberi tahu Anda input, tetapi itu tidak membedakan antara kotak centang / teks / radio. Jika ini merupakan input, Anda dapat menggunakannya

$('#elementId').attr('type');

untuk memberi tahu Anda kotak centang / teks / radio, sehingga Anda tahu jenis kontrolnya.

— James Toomey
sumber

9

Anda bisa menggunakan .is():

  $( "ul" ).click(function( event ) {
      var target = $( event.target );
      if ( target.is( "li" ) ) {
         target.css( "background-color", "red" );
      }
  });

lihat sumber

— Mohammed Sufian
sumber

3

gunakan get (0) .tagName. Lihat tautan ini

— Amar
sumber

3

Gunakan Nodename over tagName:

nodeName berisi semua fungsi tagName, ditambah beberapa fungsi lainnya. Oleh karena itu nodeName selalu merupakan pilihan yang lebih baik.

lihat DOM Core

— Mike Rifgin
sumber