Jquery / YUI - Найти изображение и установить CSS для отображения: нет

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