JQuery ile öğe türünü alma

JQuery kullanarak, jQuery ile bir elemanın türünü bulmak mümkün müdür? Örneğin, öğe div, span, select veya input mu?

Örneğin, jQuery ile açılan bir listeye değerler yüklemeye çalışıyorum, ancak aynı komut dosyası radyo düğme kümesi içine kod üretebilir, gibi bir şey oluşturabilir miyim:

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

Tetikleyici sınıfının yanında düğmeli bir açılır liste verildiğinde , elementTypedeğişkenim selectbasılan düğmeye geri dönmelidir .

Öğe türü jQuery yolunu alma:

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

aynısını jQuery olmadan yapmak

var elementType = this.previousSibling.nodeName;

Belirli eleman tipinin kontrol edilmesi:

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

ayrıca kullanabilirsiniz:

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

tagNameözelliği ve attr('type')girdiler için kullanmalısınız

Distdev'in belirttiği gibi, yine de giriş türünü farklılaştırmanız gerekir. Demek ki,

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

size söyleyecektir input, ancak bu onay kutusu / metin / radyo arasında ayrım yapmaz. Bu bir girdi ise,

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

onay kutusunu / metin / radyoyu söylemek için ne tür bir kontrol olduğunu biliyorsunuz.

şunları kullanabilirsiniz .is():

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

bkz kaynağı

get (0) .tagName kullanın. Bu bağlantıya bakın

Nodename'i tagName üzerinde kullanın:

nodeName, tagName öğesinin tüm işlevlerini ve birkaçını daha içerir. Bu nedenle nodeName her zaman daha iyi bir seçimdir.

bkz. DOM Core