Jquery/YUI - 查找图像并设置 CSS 显示 :none

Question

我想在 CMS 中隐藏以下图像，我真的不想更改源代码，但想隐藏未应用类的特定图像。

这是 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>

我想隐藏 <a>和 <img> ，请记住 title和alt标签可以不同，因此不能将其用作标识符。

我想我可以使用 .find()然后使用 .parent()设置<a>至display: none;从而隐藏img？

我包括 jQuery 库，但是 CMS 已经包含了开箱即用的 YUI，因此如果有人有 YUI 方法，我们会很感激。

Answer 1

YUI 2.x(带选择器)

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

YUI 2.x(无选择器)

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");