请教高手jquery如何做到点击按钮先隐藏第一个li,然后再次点击隐藏第二个li。。依次类推到最后一个!!
<!DOCTYPEhtml><html><head><metahttp-equiv="Content-Type"content="text/html;charset=UT...
<!DOCTYPE html >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Document</title>
<style>
ul{ list-style: none;}
</style>
<script src="jquery-1.10.2.js"></script>
<script>
$(document).ready(function() {
$("input").click(function(){
$("li[title=ax]").hide(500);
});
});
</script>
</head>
<body>
<ul>
<li title="ax">标题1</li>
<li title="bx">标题2</li>
<li title="cx">标题3</li>
<li title="ex">标题4</li>
<li title="dx">标题5</li>
</ul>
<input type="button" value="按钮" />
</body>
</html> 展开
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Document</title>
<style>
ul{ list-style: none;}
</style>
<script src="jquery-1.10.2.js"></script>
<script>
$(document).ready(function() {
$("input").click(function(){
$("li[title=ax]").hide(500);
});
});
</script>
</head>
<body>
<ul>
<li title="ax">标题1</li>
<li title="bx">标题2</li>
<li title="cx">标题3</li>
<li title="ex">标题4</li>
<li title="dx">标题5</li>
</ul>
<input type="button" value="按钮" />
</body>
</html> 展开
4个回答
展开全部
<script>
window.onload = function() {
document.getElementById("Button1").onclick = function() {
var lis = document.body.getElementsByTagName("li");
for (var i = 0; i < lis.length; i++) {
var li = lis[i];
if (!li.style.display || li.style.display == "block") {
li.style.display = "none";
return;
}
}
};
};
</script>
<body>
<ul>
<li title="ax">标题1</li>
<li title="bx">标题2</li>
<li title="cx">标题3</li>
<li title="ex">标题4</li>
<li title="dx">标题5</li>
</ul>
<br/>
<input id="Button1" type="button" value="点击确认" />
</body>
随手写了个,自己试试
展开全部
$(document).ready(function() {
var i=0;
$("input").click(function(){
$("li").show();
$("li:eq("+i+")").hide(500);
i++;
if(i>=$("li").length) i=1;
});
});
i初始应为0,修改了下。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
2014-02-27
展开全部
一个全局变量就可以了 用来记录要隐藏哪一个,每一次向前迭代
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
$(document).ready(function() {
$("input").click(function(){
$("li:visible:first").hide();
});
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询