Question

我使用了一个while循环，在那个循环里面我拿了一个按钮。当我点击那个按钮时，只显示一个按钮。这是我的代码 -

<script type="text/javascript" src="js1/jquery-2.2.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".bb").each(function(){
    $(this).click(function(){
        $('.aa').each(function(){
            $('.aa').toggle("fast");
            }); 
        });
    });
  });
</script>
</head>
<body>
<?php
 $c = 0;
 while($c <10)
 {
 $c++;?>
 <button class="bb" >x</button>

 <div class="aa" style="display:none;"><input type="text" value="<?php echo $c;?> " class="t1" />
  </div>
<?php }
 ?>

Answer 1

我的理解是你要切换点击按钮后面的锚点。如果是的话，你的jQuery应该是这样的

$(".bb").click(function() {
   $(this).nextAll(".aa").first().css("display", "block");
});

Answer 2

试试这个：

它只会显示单击按钮的div，并隐藏其他按钮。

    $(".bb").click(function() {
       $(".aa").hide() // hide all div
       $(this).next(".aa").css("display", "block"); // it will display only one div whose previous button is clicked
    });

在while循环中单击n按钮时显示特定的<div>

2 个答案: