méthode jquery attr() ne fonctionne pas, mais javascript version ne

Question

Voici mon code actuel javascript

var image = iframe.contentWindow.document.getElementsByClassName('productVisu').getElementsByTagName('img').getAttribute('src'); 

Cela fonctionne dans la récupération de l'attribut URL d'une image. Cependant, lorsque je tente cette version jquery:

var iframe = document.getElementsByTagName('iframe')[0]; 
var doc = iframe.contentWindow.document; 
var image = $('iframe').contents().find('.productVisu').$('img').attr('src'); 

Je reçois l'erreur de Firefox que ce pas une fonction. Comment puis-je résoudre ce problème et faire fonctionner la version jquery?

Merci

Answer 1

Modifier ceci:

$('iframe').contents().find('.productVisu').$('img').attr('src'); 

à:

$('iframe').contents().find('.productVisu img').attr('src'); 

Answer 2

Je ne sais pas comment fonctionne votre code d'origine, depuis getElementsByClassName et getElementsByTagName listes de noeuds de retour, pas des noeuds individuels .

Essayez ceci:

var image = iframe.contentDocument.querySelector(".productVisu img").src; 

Ne jamais utiliser jQuery lorsque vous pouvez utiliser Vanilla JS. C'est comme tourner une vis avec un marteau.

Answer 3

Je ne comprends pas le besoin des deux premières lignes de code dans votre exemple. Vous pouvez facilement faire ceci:

var image = $('iframe').eq(0).find('.productVisu img').attr('src');