![](/img/trans.png)
[英]How to color text a li tag of the ul tag by Javascript or Jquery?
[英]how can I check each li text color in ul?
单击更改按钮时,我想逐个更改<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/
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.