Question

我正在将第三方应用程序集成到我们的应用程序中，有一个＆＃34;分享＆＃34;我想要隐藏的功能。

<table>
<tr>
    <td>
        <img src="a" title="broadcast" >
    </td>
    <td>
        <img src="b" title="Share" >
    </td>
    <td>
        <img src="c"  title="favourite" >
    </td>
</tr>
</table>

我可以使用css：nth-child选择器隐藏td，但问题是它隐藏了其他元素，并且它在整个应用程序中具有类似的HTML框架。所以我使用它的数据属性来定位图像，但之后不知道我怎么能得到它的直接父td我可以应用display：none。

我无法修改第三部分应用程序的html标签，因此没有可以将类或id添加到td和img元素的范围。只有他们提供了一个customerCss文件，我们可以用它来隐藏或更改品牌颜色以及所有颜色。

提前致谢..

这是我试图定位img标签

img[title = 'Share']:parent {
display : none;
}

Answer 1

你不能用CSS做到这一点。

但你可以简单地用jQuery

来做

<强>的jQuery

$("img[title='Share']").parent().css("display", "none");

或

$("td:has(img[title='Share'])").css("display", "none");

Answer 2

目前，无法通过css定位元素的父级。但是你可以通过javascript完成。这是使用jQuery的一个例子：

＆＃13;

false

＆＃13;

$('img[title="Share"]').parent('td').hide();

＆＃13;

以数据属性为目标的儿童的目标父标签

2 个答案: