javascript - JQuery Slide 函数对于来自数据库的数据根本不起作用

Question

我有一个包含两个表的数据库，每个表都有三行，并且都通过 id 连接。我在 .php 中执行它们，以便 table_1(问题)中的每一行在 table_2(答案)中都有其答复。

现在我尝试为按钮触发的答案添加一个 SLIDEUP/SLIDEDOWN 函数。但不幸的是缺少了一些东西......

我的代码如下::

            <div id="a" name="a">
        <small><p><?php echo $row2["date"]; ?></p></small>
        <p><B><big><font color= #ba4a00> A:</font></B></big> <small><?php echo $row2["answer"]; ?></small></br></p>
        </div>

<button class="btn1">Slide up</button>
<button class="btn2">Slide down</button>

<script type='text/javascript'>
src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js">
</script>
<script>

    $(document).ready(function(){

    $(".btn2").click(function(e){
            e.preventDefault();
        $('[name="a"]').slideDown();
        $(this).parent().$('[name="a"]').slideDown();
        $(this).hide();


        });
    $(".btn1").click(function(e){
            e.preventDefault();
        $(this).parent().$('[name="a"]').slideUp();
        $(this).hide();
        });
    });
</script>

Answer 1

如果您打开 Web 控制台，您会看到一条有关尝试将 undefined 作为函数调用的错误，原因如下:

$(this).parent().$('[name="a"]').slideDown();

$(this).parent() 返回一个 jQuery 对象。 jQuery 对象没有 $ 属性。

你的意思可能是

$(this).parent().find('[name="a"]').slideDown();

<小时/>

旁注:从代码来看，在我看来，这个包含 div 和按钮的结构可能在页面上重复多次。如果是这样，您需要删除 div 上的 id="a"，因为您不能在多个元素上使用相同的 ID。