Jquery/YUI - 查找圖像並將CSS設置爲顯示：none

我在要隱藏的CMS中有以下圖像，我不是真的想更改源代碼，但想要隱藏沒有特定圖像的特定圖像一個班級適用。Jquery/YUI - 查找圖像並將CSS設置爲顯示：none

下面是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方法，它將被appreicated。

來源

2010-03-27 CLiown

YUI 2.X （W /選擇器）

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

YUI 2.x的（W/O選擇器）

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

來源

2010-04-13 03:52:43 Tivac

請記住，'setStyle'需要2個'String'參數，而不是一個對象。如果你想設置很多屬性，'el.setStyle（top：0，left：0）'**將不起作用。你必須調用'setStyle'兩次，例如。 'el.setStyle（'top'，'0'）; el.setStyle（'left'，'0'）'。 – szeryf 2013-04-01 16:42:06

@szeryf：對於YUI3，您可以使用[setStyles]（http://yuilibrary.com/yui/docs/api/classes/Node.html#method_setStyles）在單個調用中設置多個。 – Tivac 2013-04-05 21:44:38

jQuery的方法將是：

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

這得到第一<a>的class="right side"元件下方並將其設置爲display: none。請務必jQuery更換$如果使用不衝突:)

來源

2010-03-27 22:45:22

另注：該元素將出現在頁面上多次，所以需要找到他們。 – CLiown 2010-03-27 22:52:38

@danit - 如果每次都使用這個相同的結構，把'：first'改成'：first-child'，它會發現每個''這是'class =「右側」元素的第一個子元素。如果不是這樣的話......需要你發佈其他例子來給出一個工作選擇器:) – 2010-03-27 23:07:56

如果你需要隱藏 http://vl3.co.uk/iphone/pix/i/one.gif圖像到處它顯示了你可以做到這一點在頁面上：

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

來源

2010-03-27 23:11:40 PetersenDidIt

Jquery/YUI - 查找圖像並將CSS設置爲顯示：none

回答

相關問題