jQueryで要素タイプを取得する

jQueryを使用して、jQueryで要素のタイプを見つけることは可能ですか？たとえば、要素はdiv、span、select、またはinputですか？

たとえば、jQueryを使用してドロップダウンリストに値をロードしようとしているが、同じスクリプトでラジオボタンのセットにコードを生成できる場合、次のようなものを作成できますか。

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

トリガークラスの隣にボタンがあるドロップダウンリストがある場合、ボタンを押すとelementType変数が返さselectれます。

要素タイプを取得するjQuery方法：

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

jQueryなしで同じことをする

var elementType = this.previousSibling.nodeName;

特定の要素タイプを確認する：

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

また、あなたは使うことができます：

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

tagNameプロパティとattr('type')入力を使用する必要があります

Distdevが言及したように、入力タイプを区別する必要があります。つまり、

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

は教えてくれますinputが、それはチェックボックス/テキスト/ラジオを区別しません。入力の場合は、次を使用できます

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

チェックボックス/テキスト/ラジオを伝えるので、それがどのような種類のコントロールであるかがわかります。

あなたが使うことができます.is()：

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

ソースを見る

get（0）.tagNameを使用します。このリンクを参照してください

tagNameではなくNodenameを使用します。

nodeNameには、tagNameのすべての機能に加えて、いくつかの機能が含まれています。したがって、nodeNameは常により良い選択です。

DOM Coreを参照