Question

我正在尝试做一个....小代码，以便使用预定义的文本隐藏列表中的4个div。这些div实际上是一个类别列表，它们有一个img子元素和一个带文本的锚点。我知道锚点和图像的标题，但我还没弄清楚如何基于匹配其子元素来隐藏整个div。

结构如下所示

<div class="cp"> 
    <div class="cp">
        <div class="cp">
            <div class="image">
                <a class="catv2">
                    <img src="http://example.com/image/categories/shell.jpg" title="shell" alt="shell">
                </a>
            </div>
            <div class="name">
                <a id="link-cat-big" class="catv2" title="Shell case parts">Shell</a>       
            </div>
            <div class="cp">

在上面的例子中，我知道“shell”类别，这就是我想要隐藏的内容。

如何通过匹配子元素title，alt或text来隐藏一个或多个<div class="cp">？

Answer 1

您可以使用：

$('[title*="shell"]').closest('.cp').hide();

或

$('[title*="shell"]').parents('.cp').hide()

Answer 2

隐藏DIV元素。 不要占用空间

div{
    display:none;
}

隐藏DIV但取得空间

div{
    display:none;
}

通过匹配子元素隐藏细节div

2 个答案: