I'；I’我想知道在使用jQuery和javascript的ul类中，如果数字是50，如何更改颜色

当标题旁边的数字大于50时，我想预约。 代码如下：

<ul class="preview-list">
  <li>
    <a><span>class</span>title1</a>
    <span class="icon-image">this is icon</span>
    <span class="badge-reply">156</span>
  </li>
  <li>
    <a><span>class</span>title2</a>
    <span class="badge-reply">30</span>
  </li>
</ul>

这些ul类在此网页中有多个副本。所有类都是相等的

当数值超过50时，如何将颜色更改为红色？
您可以使用以下脚本进行此操作


$（'.badge reply'）。每个（函数（）{
如果（parseInt（$（this.html（））>50）{
$（this.css（'color'，'red'）；
}
})



类别标题1
这是一个图标
156


类别标题2
30

要实现这一点，您可以使用
filter（）
查找文本大于50的元素，然后向它们添加一个类。逻辑的重要部分是使用
parseInt（）
将字符串转换为数字。试试这个：


$（'.badge reply'）.filter（函数（）{
返回parseInt（$（this）.text（），10）>50；
}).addClass（“foo”）
.foo{color:#C00；}



类别标题1
这是一个图标
156


类别标题2
30

简单的css，不需要javascript
使用该选项并将第n个子项（n+2）更改为第n个子项（n+50）


ul.preview-list li:n子项（n+2）{
颜色：红色；
}


类别标题1
这是一个图标
156


类别标题2
30


类别标题2
30

@DivyaMamgai不确定为什么这与此相关-这可能发生在任何网站上page@RoryMcCrossan是的，但我认为OP应该意识到这一点，并使用纯JavaScript逻辑来存储值并根据这些值而不是html标记的内容进行操作，这是危险的。也许他们可以在这里使用MVC模型来为自己带来好处。@DivyaMamgai按照这种逻辑，你还应该警告OP，用户可以使用插件将自己的css和JavaScript加载到自己的网页上。你说：——
当标题旁边的数字大于50时，我想预约。所以你需要检查
标题1，标题2的数字，..…
不是吗？我可以在没有jquery的情况下适应java脚本吗？@MaseKor你说的
当标题旁边的数字大于50时预订吗？然后从哪里
徽章回复
进入图片？您需要检查标题1、标题2…..
？当标题旁边的数字大于50时，不要说
预订。那为什么每个人都要通过
徽章回复
？
    <ul class="preview-list">
       <li>
         <a><span>class</span><span class="something">title1</span></a>
         <span class="icon-image">this is icon</span>
         <span class="badge-reply">156</span>
       </li>
       <li>
         <a><span>class</span><span class="something">title2</span></a>
         <span class="badge-reply">30</span>
       </li>
     </ul>

 $('.somthing').each(function(){
 var tn = $(this).text().replace(/[^0-9]/gi, ''); // Replace everything that is not a number with nothing
      if(parseInt(tn) > 50) { // Check if it is more than 50 then color red

        $(this).css('color','red');
      }
    });