javascript - 在 onclick 事件上滑动隐藏的 div

Question

我有以下 php while 循环代码:

while (...($...)){
$convid = $row['ID'];

 echo"
<button onclick='getconvo($convid)'>open</button>


    <div class="convowrap"></div>
    ";


    }

和 JavaScript 代码

<script type='text/javascript'>
$(document).ready(function(){
$(".convowrap").hide(0)
})
</script>

script type='text/javascript'>
function getconvo(id){
$(".convowrap").hide(0).delay(200).slideDown(500)
var convid = id;
$('.convowrap').load('fetch_info.php', {id : convid}, function () {

       // do something when success
  });
 }
 </script>

当我点击上面写着“打开”的按钮时，所有写着 convowrap 的 div 都会滑动，但我只希望当前的 div 根据从 php while 循环生成的所单击的按钮滑动。如果 php 循环执行三次，当我单击第一个循环生成的第一个按钮时， convowrap div 会在循环生成的所有三个条目上滑动。

我该怎么办？请帮忙？

提前致谢。

Answer 1

问题是所有的 div 都有相同的类，所以它的功能就像你应该的那样......

由于按钮后面有 div，因此可以替换

 $(".convowrap")

与

$(this).next()

在 .load 和 .hide 的函数内部(随心所欲)

更通用

为每个 div 分配另一个类可能更有用，例如

<div class='convowrap dummyclass$convid'></div>

并在按钮上单击更改选择器以匹配该类，例如

 $('dummyclass'+id)

希望这有帮助