Obtenir le type d'élément avec jQuery

Est-il possible, à l'aide de jQuery, de connaître le type d'un élément avec jQuery? Par exemple, l'élément est-il un div, une étendue, une sélection ou une entrée?

Par exemple, si j'essaie de charger des valeurs dans une liste déroulante avec jQuery, mais que le même script peut générer du code dans un ensemble de boutons radio, pourrais-je créer quelque chose comme:

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

Étant donné une liste déroulante avec un bouton à côté de lui avec la classe de déclenchement , ma elementTypevariable devrait revenir selectlorsque le bouton est pressé.

Obtenir le type d'élément de la manière jQuery:

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

faire la même chose sans jQuery

var elementType = this.previousSibling.nodeName;

Vérification d'un type d'élément spécifique:

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

vous pouvez également utiliser:

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

vous devez utiliser la tagNamepropriété et les attr('type')entrées

Comme Distdev y a fait allusion, vous devez toujours différencier le type d'entrée. C'est-à-dire,

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

vous le dira input, mais cela ne fait pas de différence entre case à cocher / texte / radio. S'il s'agit d'une entrée, vous pouvez alors utiliser

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

pour vous dire case à cocher / texte / radio, afin que vous sachiez de quel type de contrôle il s'agit.

vous pouvez utiliser .is():

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

voir la source

utilisez get (0) .tagName. Voir ce lien

Utilisez Nodename sur tagName:

nodeName contient toutes les fonctionnalités de tagName, plus quelques autres. Par conséquent, nodeName est toujours le meilleur choix.

voir DOM Core