2016-02-29 52 views
0

我试图让月份显示为通过阅读与编号为博客日期阅读的div发布和删除显示无类在每月左右的div上,即Feb2016CC如果div id包含文本,从另一个div(jQuery)中删除类

博客的日期显示是这样的:

<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"); 
} 

回答

0

你在你的ID选择失踪#blog-date-read-read

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

我已经更新了这个,但不幸的是它仍然不适合我。 ): – Trees

+0

必须注意':contains'中的文本是区分大小写的,还有一件事,你是否有多个元素使用这个'id =“blog-date-read”'id name? –

+0

我意识到每次出现的日期都使用相同的ID,所以是的。我试图用这个:div.blog-date-2:contains('Feb 2016')搜索每个div与没有运气附加的类。 – Trees

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()获取内容尝试这种方式。

+0

我得到了警报,但它并没有消除这个类。 – Trees

+0

检查开发工具班级不见了@Trees – guradio

+0

不幸的是,它不能在页面上工作。再次,它不删除类,只返回警报。这意味着什么? – Trees

相关问题