javascript - 高级选择器 - 隐藏父项

标签 javascript css

这是我的 HTML:

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

使用 CSS我想隐藏 <a>其中包含 inputID = downloadcsv

CSS 中有父级选项吗?

编辑:正如当前的答案所表明的那样,您不能根据其子元素之一的类来隐藏父元素。

有没有可能只用 Javascript 而不是使用像 jQuery 这样的框架来做到这一点?

最佳答案

假设 <a>downloadcsv 的直接父级-输入,你可以使用

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

关于javascript - 高级选择器 - 隐藏父项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3142560/

相关文章:

javascript - 点击隐藏 Facebook 点赞

javascript - "done"body向上滚动时Pace Js

JavaScript - 如何在内容中间插入 HTML 代码

css - 在页面中呈现 XML 属性值

html - 如何手动制作类似 GWT 的 CaptionPanel

css - 如何使不同字体的间距均匀?

javascript - 我不明白 jQuery .each() 和 .html() 方法是如何工作的

javascript - 如何使整个div可点击

javascript - 函数是对象的实例,对象是函数的实例?

javascript - Amazon EMR - 无法运行程序 <path> ./mapper.js": error=2, 没有此类文件或目录