如何使用jquery在时间间隔内显示两个li 身体 { 颜色:绿色; } $(文档).ready(函数() { 设置间隔(findYellow,1000); 函数findYellow() { $(“ul”)。每个(函数() { var$this=$(this); 如果($this.css(“color”)!=“green”) { $this.css(“颜色”、“绿色”); $this.text(“abcd蓝色”); } 其他的 { $this.css(“颜色”、“蓝色”); $this.text(“abcd绿色”); } }); } }); 这是一个样本集 一, 三, 五, 七, 九,
使用 而不是如何使用jquery在时间间隔内显示两个li 身体 { 颜色:绿色; } $(文档).ready(函数() { 设置间隔(findYellow,1000); 函数findYellow() { $(“ul”)。每个(函数() { var$this=$(this); 如果($this.css(“color”)!=“green”) { $this.css(“颜色”、“绿色”); $this.text(“abcd蓝色”); } 其他的 { $this.css(“颜色”、“蓝色”); $this.text(“abcd绿色”); } }); } }); 这是一个样本集 一, 三, 五, 七, 九,,jquery,Jquery,使用 而不是 $("li") 这里有一种不用JQuery的方法 HTML: 您还可以使用任何对象的.childNodes[]数组属性,通过索引获取列表元素。如果您想独立更改li的颜色,请使用$(“ul li”)而不是$(“ul”),这将遍历ul元素下的每个li元素 我认为您的代码$()存在更多问题。css(“color”)返回RGB值,而不是颜色green,因此您的if条件将始终失败 使用中提供的方法将rgb值转换为十六进制值,然后比较这些值 检查此中的工作解决方案 需要更多关于问题同一时间间
$("li")
这里有一种不用JQuery的方法
HTML:
您还可以使用任何
对象的.childNodes[]
数组属性,通过索引获取列表元素。如果您想独立更改li
的颜色,请使用$(“ul li”)
而不是$(“ul”)
,这将遍历ul
元素下的每个li
元素
我认为您的代码$()存在更多问题。css(“color”)
返回RGB
值,而不是颜色green
,因此您的if
条件将始终失败
使用中提供的方法将rgb值转换为十六进制值,然后比较这些值
检查此中的工作解决方案
需要更多关于问题同一时间间隔部分的信息。你能添加问题的详细描述吗,我不太明白你想要什么..想用另一个时间间隔文本替换该列表吗
$("li")
$("ul").
<ul>
<li id='one' style='display:none'>One</li>
<li id='two' style='display:none'>Two</li>
</ul>
function showOne() {
document.getElementById('one').style.display = '';
}
function showTwo() {
document.getElementById('two').style.display = '';
}
setTimeout(showOne,1000);
setTimeout(showTwo,2000);