javascript - 如果大于0(零),则Facebook评论计数不同的样式

标签 javascript html css facebook

我在图库网站上使用了Facebook评论。我使用Facebook功能在相册视图中的缩略图下显示评论数。
https://developers.facebook.com/docs/plugins/comments

我想要一个使用span类进行不同颜色编码的javascript代码。例如,当评论数大于0时,我希望它是红色的。

<html><head></head><body>
<fb:comments-count class="" href="http://www.example.com/pic1.html" fb-xfbml-state="rendered">
<span class="fb_comments_count">0</span>
</fb:comments-count>

<fb:comments-count class="" href="http://www.example.com/pic2.html" fb-xfbml-state="rendered">
<span class="fb_comments_count">3</span>
</fb:comments-count>

<fb:comments-count class="" href="http://www.example.com/pic3.html" fb-xfbml-state="rendered">
<span class="fb_comments_count">0</span>
</fb:comments-count>

</body></html>


我已经尝试过类似http://jsfiddle.net/eliz82/6eo7s0ud/的方法,但是它不起作用,我认为使用搜索而不是数学函数不是很好。

最佳答案

所以我设法使用以下类似的代码建立了这个工作基地:change row color if row value is negative

但是我有一个问题,当我做实际工作时,不仅是简单的html测试。
执行我的JavaScript后呈现的Facebook评论数。所以我没工作

我必须使用此代码:http://css-tricks.com/snippets/jquery/run-javascript-only-after-entire-page-has-loaded/
在我执行代码之前

所以脚本是这样的:

$(window).bind("load", function() {
    $("span.fb_comments_count")
    .filter(function () {
    return $(this).html() > 0;
})
    .parent().css('color', 'red');
});

关于javascript - 如果大于0(零),则Facebook评论计数不同的样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28086487/

相关文章:

javascript - 调用不带括号的javascript函数

javascript - 无法在 socket.io Node.JS 中将数据从一个客户端发送到另一个客户端

javascript - Bootstrap 3 Glyphicon 未在下拉菜单中对齐

javascript - jquery - 如何转义 html 以防止 XSS?

javascript - 为什么 window.onload 仅在第一个数组值上按预期工作,而我必须重新加载页面以获取其他数组值?

javascript - 双击单词时触发事件,javascript React.js

javascript - 使用 javascript 生成用户 ID 并将其显示在文本框中

javascript - 在浏览器中处理 "Out of Memory Exception"时出错?

javascript - 如何: Add text in back-to-top button

css - 有没有办法获取网站中使用的所有媒体查询?