如果div id包含text,则从另一个div中删除class(jQuery)

时间:2016-02-29 02:36:57

标签: jquery

我试图通过阅读id为 blog-date-read 的div来发布帖子,并在每个月的div周围删除display none类,即 Feb2016CC 即可。

博客日期如下所示:

<div class="blog-date blog-date-2" id="blog-date-read">Feb 2016</div>

博客月看起来像这样:

<div id="FebCC2016" class="display-none-blog">
<p><a href="#">Feb 2016</a></p>
</div>

我尝试过的jQuery看起来像这样:

if ($("div#blog-date-read:contains('Feb 2016')")) {
$("#FebCC2016").removeClass("display-none-blog");
}

我确定我错过了jQuery的一些内容,但我无法说出什么。有人能指出我正确的方向吗?

修改

如果将来有人遇到此问题,我最终会使用此解决方案:

if ($(".blog-date-2").text().indexOf("Feb 2016") >= 0) {
    $("#FebCC2016").removeClass("display-none-blog");
}

2 个答案:

答案 0 :(得分:0)

您的ID选择器中的-read中缺少#blog-date-read

if ($("div#blog-date-read:contains('Feb 2016')")) {
  $("#FebCC2016").removeClass("display-none-blog");
}

答案 1 :(得分:0)

alert($("div.blog-date").text())
if ($("div.blog-date").text().toLowerCase() == 'feb 2016') {
$("#FebCC2016").removeClass("display-none-blog");
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.1/jquery.min.js"></script>
<div class="blog-date blog-date-2" id="blog-date-read">Feb 2016</div>


<div id="FebCC2016" class="display-none-blog">
<p><a href="#">Feb 2016</a></p>
</div>

首先将#从您的条件更改为.,因为它是一个类,然后使用text()以此方式获取内容。