Jquery: Masquer toutes les images sauf l'image recaptcha

Question

J'ai besoin d'un code dans Jquery pour masquer toutes les images sur toutes les pages à l'exception de la chose 'reCaptcha'. Les images de reCaptcha commencent par le lien: 'google.com/recaptcha' ou 'recaptcha.net' ... Mon idée est de faire le script qui cache toutes les images mais ne touche pas les images qui contiennent la partie 'recaptcha' . Est-il possible de faire à Jquery? Merci d'avance et à tous. Cordialement. Luca.

Answer 1

Exécutez d'abord $("img").hide(); puis mettez simplement un ID sur la balise captcha et exécutez $ ("# ID"). Show();

Si vous ne pouvez pas utiliser une étiquette d'identification, parcourez toutes les images dans une boucle et vérifiez ce qu'il y a dans l'attribut src, ou utilisez même un regex selector.

Answer 2

Quelque chose comme ça?

$('img:not([src*=recaptcha])').hide(); 

Answer 3

Le script ReCaptcha met tout son balisage généré dans un <div id="recaptcha_widget_div">

Cela dit, vous pouvez saisir toutes les images sauf ceux qui DIV comme ça ...

$("img:not(#recaptcha_widget_div img)").hide(); 

Ou si c'est trop moche, vous pouvez cacher toutes les images et re-montrer les ReCaptcha comme ceci ...

$("img").hide(); 
$("#recaptcha_widget_div img").show();