jquery foreach怎样实现条件过滤

avatar
作者
筋斗云
阅读量:0

要在jquery中实现条件过滤,你可以使用jquery的each方法来遍历数组或对象,并在循环中添加条件判断来过滤元素。下面是一个简单的示例:

假设你有一个包含数字的数组,你想过滤出大于5的数字:

<!DOCTYPE html> <html> <head> <title>条件过滤</title> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> </head> <body>  <ul id="numbers">   <li>1</li>   <li>6</li>   <li>3</li>   <li>8</li>   <li>2</li> </ul>  <script> $(document).ready(function(){   $("#numbers li").each(function() {     if(parseInt($(this).text()) > 5) {       $(this).css("color", "red");     }   }); }); </script>  </body> </html> 

在上面的示例中,我们首先在页面中创建了一个包含数字的列表。然后在jQuery中使用each方法遍历这个列表中的每个li元素,对每个元素的文本内容进行parseInt转换为数字,并判断是否大于5,如果是则将其文本颜色设为红色。

广告一刻

为您即时展示最新活动产品广告消息,让您随时掌握产品活动新动态!