trouver tous les div avec attribut contenteditable dans iframe et supprimer cet attribut avec jQuery?

Question

J'ai un ifram sur une page avec la classe ms-dlgFrame et dans cette iframe je veux supprimer contenteditable = "true" sur les éléments car il n'est pas supporté par Safari sur iPad (je vérifie d'abord l'agent utilisateur).

J'ai quelques problèmes avec la combinaison .find(), .each(), .attr() et .removeAttr()

J'ai essayé quelque chose comme:

console.log("iPad"); 
$('.ms-dlgFrame').contents().find("div").attr("contenteditable").each(function() { 
    $(this).removeAttr("contenteditable"); 

}); 

Toutes les idées?

Merci d'avance.

Answer 1

Essayez le sélecteur div[contenteditable='true'] et déposer l'appel attr() de votre chaîne:

console.log("iPad"); 
$('.ms-dlgFrame').contents().find("div[contenteditable='true']").each(function() { 
    $(this).removeAttr("contenteditable"); 
});