Jquery/YUI - Trouver l'image et définir CSS à afficher: aucun

Question

J'ai l'image suivante dans un CMS que je veux cacher, je ne veux pas vraiment changer le code source, mais je voudrais cacher une image spécifique qui n'a pas une classe appliquée.

Voici le code HTML:

<td class="right side"> 
    <a title="Show only topic 1" href="view.php?id=3&topic=1"> 
    <img alt="Show only topic 1" src="http://vl3.co.uk/iphone/pix/i/one.gif"/> 
    </a> 
    <br/> 
    </td> 

Je veux cacher la <a> et le <img>, nu à l'esprit la title et l'étiquette alt peut être différent donc je ne peux utiliser que comme un identifiant.

Je présume que je pourrais utiliser .find() puis utiliser .parent() pour régler la <a> à display: none; cachant ainsi la img? Imi compris la bibliothèque jQuery, cependant le CMS a YUI inclus hors de la boîte, donc si quelqu'un a une méthode YUI, il serait apprééé.

Answer 1

YUI 2.x (p/Selector)

YAHOO.util.Dom.setStyle(YAHOO.util.Selector.query(".right.side a:first"), "display", "none"); 

YUI 2.x (w/o Selector)

var rightSide = YAHOO.util.Dom.getElementsByClassName("right", "td")[0], 
    a = rightSide.getElementsByTagName("a")[0] 

YAHOO.util.Dom.setStyle(a, "display", "none"); 

YUI 3.x

Y.all(".right.side a:first").setStyle("display", "none"); 

Answer 2

La méthode jQuery serait:

$(".right.side a:first").hide(); 

Cela devient la première <a> sous l'élément class="right side" et il définit à display: none. Assurez-vous de remplacer $ avec jQuery si vous utilisez pas de conflit :)

Answer 3

Si vous besoin de cacher l'image http://vl3.co.uk/iphone/pix/i/one.gif partout où elle apparaît sur la page que vous pouvez faire:

$("img[src*='iphone/pix/i/one.gif']").parent('a').hide();