请教高手jquery如何做到点击按钮先隐藏第一个li，然后再次点击隐藏第二个li。。依次类推到最后一个！！

<!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>

举报该问题

推荐答案 2014-02-27

随手写了个，自己试试

温馨提示：答案为网友推荐，仅供参考

当前网址：http://11.wendadaohang.com/zd/27PMMP7F2P4FPqSS72.html

其他回答

第1个回答 2014-02-27

$(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，修改了下。

第2个回答 2014-02-27

一个全局变量就可以了用来记录要隐藏哪一个，每一次向前迭代

第3个回答 2014-02-28

$(document).ready(function() {
$("input").click(function(){
$("li:visible:first").hide();
});

相似回答

jQuery实现多个li点击切换和显示隐藏答：1、新建HTML文件。2、引入jquery.min.js文件。3、创建HTML内容。4、预览效果如图。5、用jquery创建点击事件，点击隐藏按钮，p内容隐藏。6、用jquery创建点击事件，点击显示按钮，p内容显示。7、预览如图当点击隐藏按钮，p内容隐藏。

大家正在搜

jquery让按钮隐藏 jquery设置按钮隐藏 jquery设置按钮不可点击 jquery点击按钮跳转页面 jquery获取input按钮 jquery怎么选择第几个li jquery禁用按钮 jquery定义按钮 jquery设置按钮禁用