没效果 啊啊啊啊啊，求救找了好几遍没发现问题
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>#id选择器</title>
<script src="jquery-1.12.4.js" type="text/javascript"></script>
</head>
<body>
<ul>
<li>苹果</li>
<li>香蕉</li>
<li>火龙果</li>
<li>雪梨</li>
<li>西瓜</li>
<li>雪碧</li>
<li>可乐</li>
</ul>
<a href="#">显示</a>
<script>
$(function(){
$("li:eq(5)").css("display","none");
$("li:eq(6)").css("display","none");
$("a").click(function(){
if($("a".text()==="显示"){
$("a").text("隐藏");
$("li:eq(5)").css("display","list-item");
$("li:eq(6)").css("display","list-item");}
else{
$("a").text("显示");
$("li:eq(5)").css("display","none");
$("li:eq(6)").css("display","none");
}
});
})
</script>
</body>
</html>
柠檬小茶3回答
-
jerame
if($("a".text()==="显示"){这一行少一个括号，应为if($("a").text()==="显示"){不是很难检查出来的问题啊，建议出问题的时候看看Firebug或者其他开发者工具的提示 -
学之舟_36820
$(function(){ $("li:eq(5)").css("display","none"); $("li:eq(6)").css("display","none"); $("a").click(function(){ if($("a").text() === "显示"){ $("a").text("隐藏"); $("li:eq(5)").css("display","list-item"); $("li:eq(6)").css("display","list-item"); } else { $("a").text("显示"); $("li:eq(5)").css("display","none"); $("li:eq(6)").css("display","none"); }; }); });浏览器里报错SyntaxError: missing ) after conditionif($("a".text()==="显示"){前面的已经回答了 -
BigBangCode
貌似你根本没绑定方法啊啊
随时随地看视频慕课网APP
相关分类
JQuery