Question

我的代码中有一些div，如下所述。通过Jquery我想隐藏具有class =＆＃34; redCategory redCap vertical＆＃34;的div。我的Jquery代码隐藏起来 div是$(".redCap").hide();但是在页面加载div之后没有被隐藏。什么应该是Jquery？我想在页面加载期间隐藏div。

<div class="redLinkContainer">

    <span class="accessibleText" aria-level="1" role="heading"></span>
    <div class="redCategory redHome adjacent"><a> href="https://example.com/">1</a></div>
    <div class="redCategory redContact adjacent"><a> href="https://example.com/">2</a>></div>
    <div class="redCategory Things adjacent"><a> href="https://example.com/">3</a></div>
    <div class="redCategory redCap vertical">
        <a class="red CategoryTitle redCategoryHeader" href="https://example.com/">4</a>
          </div>
     <div class="redCategory ManyThings adjacent"><a> href="https://example.com/">5</a></div>
    </div>

Answer 1

隐藏在div中：

<div class="redCategory redCap vertical" hidden>
        <a class="red CategoryTitle redCategoryHeader" href="https://example.com/">4</a>
          </div>

Answer 2

将此添加到css文件

.divHide{display:none;}
.divShow{display:block;}

您的HTML代码：

<div class="redLinkContainer divHide"></div>

隐藏页面加载div时。

Answer 3

<a>标记格式错误。请使用正确的格式

<a class="red CategoryTitle redCategoryHeader" href="https://example.com/">4</a>

请找到以下网址，（查看您的代码）

https://jsfiddle.net/wg62c8j5/

Answer 4

我在这里做了一些测试，它按预期工作。

<script type="text/javascript">

 $(".redCap").hide();

</script>

<div class="redLinkContainer">

    <span class="accessibleText" aria-level="1" role="heading"></span>
    <div class="redCategory redHome adjacent"><a>   href="https://example.com/">1</a></div>
    <div class="redCategory redContact adjacent"><a> href="https://example.com/">2</a></div>
    <div class="redCategory Things adjacent"><a> href="https://example.com/">3</a></div>
    <div class="redCategory redCap vertical">
       <a class="red CategoryTitle redCategoryHeader" href="https://example.com/">4</a>
      </div>
  <div class="redCategory ManyThings adjacent"><a> href="https://example.com/">5</a></div>

您确定要加载JQuery库吗？

使用Jquery在页面加载上隐藏div

4 个答案: