Question

我曾经使用过JQuery，但我还在学习。我想要做的是有一个PHP列表（最终有大约20个项目），但我只需要显示许多用户需求。我想要做的是在末尾添加一个按钮，显示下一部分。

这是我到目前为止所做的：

<script src="jquery-1.11.2.min.js"></script>
<script>
$(document).ready(function(){
    $('.list').hide();
    $('#first').show();

    $('.list').click(function(){
        $(this).next('.list').show();

    });
});





</script>

<?php

echo "<div class='list' id='first'>First<button class='buttonlist'>Show Next</button></div>
<div class='list'>Second <button class='buttonlist'>Show Next</button></div>
<div class='list'>Third <button class='buttonlist'>Show Next</button></div>
<div class='list'>Fourth<button class='buttonlist'>Show Next</button></div>

     ";
?>

这当前有效，但是如果添加了输入框，则在选择该输入时将显示下一部分。我该怎么做才能让用户点击按钮，然后出现下一个按钮？我知道这里的PHP是不必要的，但是当我完成时，这将使用循环完成。

Answer 1

更改此

$('.list').click(function(){
    $(this).next('.list').show();

});

到

$('.buttonlist').click(function () {
    $(this).parent().next('.list').show();
});

选择器中的jquery选择器

1 个答案: