下面内容中的 addclass 显示无效?这是为什么呢,求助大佬!

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" src="jquery.js"></script>
<style>
.cur{color:#F00;}
</style>
<script type="text/javascript">
function onload(){
var ceshiid=$("#ceshi").val();
var zhenid=ceshiid+'s';
$("#zhenid").prevAll().removeClass();
$("#zhenid").nextAll().removeClass();
$('#zhenid').addClass('cur');
//alert(zhenid);

}
</script>
</head>

<body onload="onload()">
<input type="text" id="ceshi" value="2"/>
<ul id="menu">
<li class="cur" id='1s'>测试1</li>
<li id='2s'>测试2</li>
<li id='3s'>测试3</li>
<li id='4s'>测试4</li>
</ul>
</body>
</html>

泛舟湖上清波郎朗
浏览 499回答 2
2回答

慕村225694

你好 一般这种情况 不是addClass无效 是你定位的问你建议 比如 $("#a").addClass("样式名称")那么 请 alert($("#a").length) 看看是否定位到了元素 如果值为0 那么表示未定位到

慕容3067478

很明显,你如果没加入到末尾或是$里面是随着文档流加载,来顺序执行的.那么,当你的页面还没加载完毕的时候,你的DIV是没有完全显现除了,也就是说文档的DOM树没有加在完毕.所以你的代码才不会生效!
打开App,查看更多内容
随时随地看视频慕课网APP