jquery求大神看看哪里错了
慕田峪6820120
2016-07-14 15:35
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>挑战题</title>
</head>
<body>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
<li>0</li>
</ul>
<a href="#" >更多</a>
<script type="text/javaScript">
$("li:eq(4)~li").css("display","none");
$("a").click(function(){
if($("a").text=="更多"){
$("a").text("简化");
$("li:eq(4)~li").css("display","list-item");
}
else{
$("a").text("更多");
$("li:eq(4)~li").css("display","none");
}
});
</script>
</body>
</html>
5回答
-
- Yuuyu
- 2016-07-17 14:45:55
你的代码中有一句if($("a").text=="更多") 这句少了括号，应该是if($("a").text()=="更多"
-
- 慕田峪6820120
- 2016-07-14 17:09:29
加了这个之后，只是把后面几个li隐藏了，那个更多，简化功能还是实现不了
-
- 慕田峪6820120
- 2016-07-14 16:23:20
什么意思，要导入一个jquery文件吗
-
- zhaoqihao
- 2016-07-14 16:16:46
<script type="text/javaScript"> $("li:eq(4)~li").css("display","none"); $("a").click(function(){ if($("a").text()=="更多"){ $("a").text("简化"); $("li:eq(4)~li").css("display","list-item"); } else{ $("a").text("更多"); $("li:eq(4)~li").css("display","none"); } }); </script> -
- zhaoqihao
- 2016-07-14 16:05:55
$ is not defined 你没有引入jQ库
jQuery基础课程
154706 学习 · 7289 问题