我试图通过阅读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");
}
答案 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()
以此方式获取内容。