Obtenir le type d'élément avec jQuery

Est-il possible, à l'aide de jQuery, pour trouver le type d'un élément avec jQuery? Par exemple, est l'élément d'un div, span, sélectionnez, ou entrée?

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

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

Donné une liste déroulante avec un bouton à côté d'elle avec la déclencher de classe, mes elementType variable doit retourner select sur le bouton pressé.

InformationsquelleAutor Jamie Hartnoll | 2011-12-05
  1. 536

    L'élément de type jQuery façon:

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

    faire de même sans jQuery

    var elementType = this.previousSibling.nodeName;

    La vérification spécifique type d'élément:

    var is_element_input = $(this).prev().is("input"); //true or false
    • Rappelez-vous que l' .prop() la fonction n'a été ajouté dans jQuery 1.6 - vous peut-être besoin de mettre à niveau la version que vous utilisez!
    • Ne fonctionne pas avec les anciens jQuery 1.3.2, donc, mis à jour à la dernière et il a bien fonctionné.
    • +1 pour Checking for specific element type
    • C'est probablement ma version de jQuery, mais seul le dernier a travaillé pour moi. $(this).est("input") . Merci pour l', y compris de plusieurs façons.
    • comment parler de 'jqueryElementObject'.tagName
    • Ce pourrait être amélioré en passant "tagName" à "nodeName" comme mentionné ici.
    • il semble que vous êtes en droit, nodeName prend en charge plusieurs types d'éléments, et de soutenir IE5.5 ne devrait pas être un problème plus du tout, donc je ne vois pas de problèmes avec l'évolution de la tagName à nodeName dans la réponse ci-dessus. Les deux fonctionnent très bien pour les éléments, et ce dernier va travailler sur textnodes, attributs, etc. ainsi.
    • Fonctionne, mais je suis un peu confus par la prev(), qui est spécifique pour l'exemple de code en question. Fondamentalement, $(this).is("input");
    • C'est correct, le po est venu demander le précédent de l'élément, donc ensuite prev() appel. Le reste de la réponse est applicable à toute autre circonstance où l'on pourrait avoir besoin de connaître le type de balise ou de vérifier la tagname etc.

    InformationsquelleAutor adeneo
  2. 50

    aussi, vous pouvez utiliser:

    $("#elementId").get(0).tagName
    InformationsquelleAutor Ali
  3. 26

    vous devez utiliser tagName propriété et attr('type') pour les entrées

    InformationsquelleAutor Distdev
  4. 15

    Comme Distdev fait allusion, vous avez encore besoin de différencier le type d'entrée. C'est-à-dire,

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

    vous dira input, mais qui ne fait pas de différence entre la case à cocher/texte/radio. Si c'est une entrée, vous pouvez ensuite utiliser 

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

    pour vous dire case à cocher/texte/radio, de sorte que vous savez quel genre de contrôle.

    InformationsquelleAutor James Toomey
  5. 7

    vous pouvez utiliser .is():

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

    voir source

    InformationsquelleAutor Mohammed Sufian
  6. 3

    utiliser get(0).tagName. Voir ce lien

    InformationsquelleAutor Amar
  7. 2

    Utilisation Nodename sur tagName :

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

    voir DOM Core

    InformationsquelleAutor Mike Rifgin