0

我的代码中有一些 div,如下所述。通过 Jquery,我想隐藏具有 class="redCategory redCap vertical" 的 div。我隐藏 div 的 Jquery 代码是, $(".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>
4

4 回答 4

0

把隐藏在div中:

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

于 2015-07-01T14:12:11.540 回答
0

将此添加到 css 文件

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

您的 HTML 代码:

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

当页面加载 div 被隐藏时。

于 2015-07-01T14:20:41.093 回答
0

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

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

请找到以下网址,(检查您的代码)

https://jsfiddle.net/wg62c8j5/

于 2015-07-01T14:25:33.037 回答
0

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

<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 库正在被加载吗?

于 2015-07-01T14:38:11.303 回答