高級選擇 - 隱藏父

這裏是我的HTML：高級選擇 - 隱藏父

<td> 
<a class="button" href="#"> 
    <input id="download">...</input> 
</a> 
<a class="button" href="#"> 
    <input id="downloadcsv">...</input> 
</a> 
</td>

使用CSS我想隱藏其中包含與ID = downloadcsv

的input是否有CSS父選項<a>？

編輯：由於當前aswers表明你不能隱藏一個父元素的基礎上它的一個孩子的類。

是否有可能簡單地在Javascript中執行此操作，而不是使用像jQuery這樣的框架？

來源

2010-06-29 CLiown

假設<a>是downloadcsv - 輸入的直接父，你可以只使用

document.getElementById("downloadcsv").parentNode.style.display = "none"

來源

2010-06-29 21:06:47 Ventero

這是一個用JS獲得DOM節點的父的正確方法。 CSS無法實現的原因是因爲當前選擇器允許您定位元素，子級，兄弟姐妹 - 但不是父母。 – 2010-06-29 21:10:53

這對CSS（2）是不可能的。但是，有可能與jQuery。

來源

2010-06-29 16:15:53

要在弗蘭的回答擴大，jQuery的解決辦法是這樣的：

$("a:has(#downloadcsv)").hide();

否則，你需要把一個類上，表明它是#downloadscv父父<a>。

來源

2010-06-29 16:21:02

高級選擇 - 隱藏父

回答

相關問題