技术问答jquery foreach鎬庢牱瀹炵幇鏉′欢杩囨护 - 扬州沐宇科技

瑕佸湪jquery涓疄鐜版潯浠惰繃婊わ紝浣犲彲浠ヤ娇鐢╦query鐨別ach鏂规硶鏉ラ亶鍘嗘暟缁勬垨瀵硅薄锛屽苟鍦ㄥ惊鐜腑娣诲姞鏉′欢鍒ゆ柇鏉ヨ繃婊ゅ厓绱犮€備笅闈㈡槸涓€涓畝鍗曠殑绀轰緥锛?/p>

鍋囪浣犳湁涓€涓寘鍚暟瀛楃殑鏁扮粍锛屼綘鎯宠繃婊ゅ嚭澶т簬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涓娇鐢╡ach鏂规硶閬嶅巻杩欎釜鍒楄〃涓殑姣忎釜li鍏冪礌锛屽姣忎釜鍏冪礌鐨勬枃鏈唴瀹硅繘琛宲arseInt杞崲涓烘暟瀛楋紝骞跺垽鏂槸鍚﹀ぇ浜?锛屽鏋滄槸鍒欏皢鍏舵枃鏈鑹茶涓虹孩鑹层€?/p>