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

Answer 2

jQuery方法将是：

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

这会获得<a>元素下面的第一个class="right side"，并将其设置为display: none。如果不冲突，请务必将$替换为jQuery：）

Answer 3

如果您需要在页面上显示的任何位置隐藏http://vl3.co.uk/iphone/pix/i/one.gif图片，您可以执行以下操作：

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

Jquery / YUI - 查找图像并将CSS设置为display：none

3 个答案: