Comment créer l'objet jQuery depuis le tableau de jQuery objets?

Disons que j'ai un tableau de jQuery objets et que vous souhaitez avoir un composé objet jQuery à la place.

Quelle serait la solution autre que manuel traversant un tableau et ajouter les éléments à la juste créé objet jquery en utilisant .add()?

Ce n'est pas faire ce que je veux:

var a = $('#a'),
    b = $('#b'),
    c = [a, b];

//the lines above is the set up, they cannot be changed
var d = $(c);
d.hide();​

http://jsfiddle.net/zerkms/896eN/1/

Le résultat attendu est à la fois divs sont cachés.

Des idées?

  • Votre violon semble avoir une erreur; il n'y a aucun élément #c. Edit: en ce qui concerne votre question, je crois add() peut être la seule option. Mais je ne suis pas entièrement sûr.
  • yep, c'était une faute de frappe, merci
InformationsquelleAutor zerkms | 2012-07-03
  1. 27

    Essayer

    var d = $($.map(c, function(el){return $.makeArray(el)}));

    Ou

    var d = $($.map(c, function(el){return el.get();}));

    La démo.

    • Yep, ce que j'ai pensé est var d = $(c.map(function(el){ return el[0]; }));. +1 parce qu'actuellement, c'est la seule réponse qui répond à la question d'origine
    • return el[0]; obtenez seulement le premier élément, si le sélecteur correspond à plusieurs éléments, à la gauche de l'élément ne sera pas en d.
    • droit, n'est-ce pas le prendre en compte (probablement parce que je n'ai qu'un élément par objet)
    • Cela semble super compliqué. aussi je ne comprends pas - pourquoi voudriez-vous faire $.makeArray(el) ?
    InformationsquelleAutor xdazz
  2. 9

    Je suis venu ici à la recherche d'un nettoyeur de réponse que j'avais déjà, mais n'a pas à en trouver un. Pour l'amour du prochain mec de venir je suppose que je vais poster ma solution à la place:

    var a = $('#a'),
    b = $('#b'),
    c = [a, b];

var d = c.reduce($.merge);
d.hide();​

    Je suis un peu surpris de voir qu'il n'est pas certains jQuery méthode spécifique qui fait de ce nettoyeur, mais Array.reduce est certainement le bon outil pour ce travail si rien de plus spécifique existe dans jQuery.

    • Cette façon semble plus propre que l'on a accepté de répondre pour moi.
    InformationsquelleAutor Julian
  3. 1

    Pouvez-vous essayez

    var a = $('#a'),
b = $('#b'),
c = [a, b];
d = [];
$.each(c, function(i, v){
    if(v.length>0){
        d.push(v[0]);
    }
});

e = $(d);
e.hide();
    • J'ai déjà un tableau d'objets. Donc a,b,c variables à partir de l'exemple ne peut pas être modifié
    • Puis, probablement, vous pouvez créer un autre tableau d en parcourant c!
    • Yep. Maintenant, il fait le travail. La création d'un objet jquery et à l'aide de .add() pourrait être un peu mieux
    InformationsquelleAutor Arun P Johny
  4. 1

    Essayez ceci:

    var a = $('#a'),
    b = $('#b'),
    c = [a, b],
    d = $();
$.each(c, function(i, jqObj) {
    $.merge(d, jqObj);
});
d.hide();

    ou:

    var a = $('#a'),
    b = $('#b'),
    c = [a, b],
    d = $();
$.each(c, function(i, jqObj) {
    d = d.add(jqObj);
});
d.hide();
    InformationsquelleAutor Beetroot-Beetroot
  5. 0

    En supposant que vous savez que vous avez un tableau d'objets jQuery, vous pouvez utiliser $.each de cycle à travers eux (ou tout simplement de les traiter comme un tableau normal de passer à travers eux). Vous pouvez l'utiliser pour créer un combiné sélecteur si vous le souhaitez, ou tout simplement faire des opérations sur eux dans l'itérateur.

    • Ouais, je peux les traverser et quelle est la prochaine? Cette réponse n'est pas complète, tant qu'il ne dit pas comment nous obtenons exactement l'objet jquery suite
    • pourquoi avez-vous besoin de l'objet jQuery en particulier, plutôt que de faire des opérations dans l'itération?
    • parce que j'ai besoin de passer l'objet en fonction suivante, qui suppose qu'il est l'unique objet jquery
    • quelle est la fonction et pourquoi ne pouvez pas vous passer d'eux individuellement?
    • la fonction ne parameter.hide(); que c'est dans jsfiddle. Et il est conçu pour accepter objet jquery spécifiquement
    • function () { $(this).hide(); });
    • omg, cette fonction est un "peu" plus difficile que de simplement hide(). Vous connaissez l'encapsulation? Eh bien, un peu de logique est encapsulé là, et j'ai besoin de passer un objet jquery en raison d'une fonction de l'interface.

    InformationsquelleAutor Explosion Pills
  6. 0
    var els = ['#a', '#b', '#c']
var $els = $(els.join(', '))

    Edit: Cela va faire moche, tho:

    var d = $(function(){
    var els = []
    for (var i = 0, l = c.length; i < l; i++)
        els.push(c[i][0])
    return els
}())
    • Je n'ai pas de sélecteurs, j'ai un tableau d'objets
    InformationsquelleAutor elclanrs