个人中心
gpt4 book ai didi

javascript - 如何检查 ul 中每个 li 文本的颜色？

转载 作者：行者123 更新时间：2023-12-02 19:57:33 26 4
gpt4 key购买 nike

我想更改 <li> 的文本颜色当我点击更改按钮时，一一发生。一旦全部<li>文本为红色时，将显示警报消息“所有 li 文本颜色已更改!”。

我的html代码是:

<html>
  <body>
    <button id="change">change li text-color</button>
    <ul id="nav">
      <li>one</li>
      <li>two</li>
      <li>three</li>
      <li>four</li>
      <li>five</li>
      <li>six</li>
      <li>seven</li>
    </ul>
  </body>
</html>

我的脚本是(jquery v1.5.2):

$(document).ready(function ()
{
  $('#change').click(function ()
  {
    $('#nav li').each(function ()
    {
        $(this).css('color', '#F00');
    });
  });
});

最佳答案

我想你想在每次点击时一一改变颜色。添加计数器:

$(document).ready(function ()
{
  var len = $('#nav li').length,
      cnt = 0;
  $('#change').click(function ()
  {
    if (cnt < len)
    {
      $('#nav li:eq('+cnt+')').css('color', '#F00');
      cnt++;
    } else {
      alert("all li text color changed!");
    }
  });
});

演示:http://jsfiddle.net/SUtED/

关于javascript - 如何检查 ul 中每个 li 文本的颜色？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8428183/

26 4 0
文章推荐： javascript - Foursquare JavaScript API
文章推荐： javascript - 如何创建此搜索操作
文章推荐： javascript - HTML5/javascript 错误
文章推荐： javascript - 我想使用 jquery 一旦每个字段都有值就显示消息
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com