Objet #<HTMLDivElement> comme objet jQuery

Comment puis-je obtenir un #<HTMLDivElement> comme un objet jQuery?

J'ai besoin de faire le suivant: j'ai une liste de div avec le contenu de classe. J'ai donc itérer jusqu'à ce que je trouve l'une avec la classe supplémentaire: "test"

voici mon code:

$.each( $(".contents"), function( key, value ) {
    if (value.hasClass("test"))
    {
        alert("got it");
    }
});

Je suis l'exception: Uncaught TypeError: Object #<HTMLDivElement> has no method 'hasClass'

Il suffit de passer la jQuery constructeur.
Pourquoi n'utilisez-vous pas certains sélecteur comme $(".contents.test").each(alert.bind(window, "got it"))? Ou $(".contents").filter(".test")?

OriginalL'auteur gurehbgui | 2013-05-06

  1. 9

    La each() fonction vous donne DOM objet et vous devez la convertir en jQuery objet. Vous pouvez passer value à $ fonction jQuery pour le convertir en objet jQuery.

    $.each( $(".contents"), function( key, value ) {
    if ($(value).hasClass("test"))
    {
        alert("got it");
    }
});

    Vous n'avez pas besoin de parcourir chacun des et à le simplifier comme

    elements = $(".contents.text")
    cela fonctionne, merci
    Raison pour voter?
    Merci, vous êtes les bienvenus @gurehbgui.
    Merci pour les précisions 🙂

    OriginalL'auteur Adil

  2. 2

    Pourquoi ne pas faire plus simple:

    $(".contents.test"). ...

    Ici jQuery va sélectionner l'élément qui a à la fois "contents" et "test" classes ensemble.

    DÉMO: http://jsfiddle.net/xfErG/

    ce n'est pas possible parce que, dans cet exemple, elle s'appelle test, mais dans mon cas c'est toujours un autre nom
    Et alors? Le faire avec $(".contents." + myClassName).

    OriginalL'auteur VisioN

  3. 0

    La principale fonction jQuery peut accepter un Élément du DOM comme argument.

    var foo = jQuery(HTMLElementNode);

    Les deux lignes de code suivantes ont le même résultat:

    var foo = jQuery('#foo');
var foo = jQuery(document.getElementById('foo'));

    OriginalL'auteur Quentin