Modifier l'attribut iframe avec jquery

Comme Sarfraz l'a déjà souligné, la bonne façon de définir l'attribut d'un sélecteur jquery objet est à l'aide de la attr("attrName", "attrVal"). La raison pour laquelle le setAttribute n'a pas de travail est quelque chose vaut la peine d'expliquer, comme je l'ai frappé ma tête contre ce point à plus d'une occasion:

Lorsque vous utilisez jquery sélecteur de syntaxe, elle retourne un objet -- défini dans jquery -- qui est essentiellement une liste de tous les éléments qui le sélecteur de correspondance. Si elle correspond à un élément (ce qui devrait toujours être le cas avec un sélecteur d'id) ou plus d'un, l'objet retourné est l'élément de la liste, jamais un seul objet DOM (par exemple un seul élément). setAttribute est une méthode de réels HTMLElement objets.

C'est pourquoi

$("#frame")[0].setAttribute("width", "200");

fonctionne, mais

$("#frame").setAttribute("width", "200");

ne le fait pas. Le jquery élément n'a pas cette méthode, même si la HTMLElement des objets dans sa liste de le faire.

Si vous voulais (pour quelque raison que ce soit) l'utilisation d'un natif HTMLElement de la méthode (ou une méthode commune pour les éléments de votre sélection retourne, tels que des entrées, etc), vous pouvez utiliser du jquery each() méthode, comme suit:

 //Set all iframes to width of 250
 $("iframe").each(
     function(index, elem) {
         elem.setAttribute("width","250");
     }
 );

La each() de la méthode de rappel peuvent être transmises de deux paramètres facultatifs, la première étant l'indice de l'élément dans la liste de sélection, la seconde étant l'effectif de l'élément DOM, que vous pouvez appeler natif méthodes du DOM.

Comme je l'ai dit, j'ai eu vraiment frustré d'essayer de comprendre comment faire pour utiliser jquery sélecteur de résultats avec des méthodes indigènes plus d'une fois, j'espère que cela aide à faire disparaître non seulement pourquoi setAttribute() ne fonctionne pas, mais des méthodes indigènes en général, et comment le fait de les amener à travailler lorsque vous ne pouvez pas trouver le jquery équivalent.

1) à l'Aide de attr:

$("#frame").attr("width", "31");

2) à l'Aide de DOM objet:

$("#frame")[0].setAttribute("width", "50");

Edit: Vu que vous avez des id. Pourriez-vous voir si le code est effectivement en cours d'exécution? Comme est-il déclenché? Essayez également de changer allowfullscreen à allowfullscreen="true"