Jquery 对某个类什么都不做答案

【问题标题】：Jquery doing nothing to a certain classJquery 对某个类什么都不做
【发布时间】：2016-10-08 05:02:16
【问题描述】：

对于任何使用 JQ 的人来说，这个问题可能非常简单。我刚开始写代码，所以看的不多，真的。

<table border="1px">     //database connection and <head> with scripts 
    <tr>                    //(including jquery link) come before this
        <th>Data/Timp</th>
        //random headers
    </tr>
    <?php
    $sql = "SELECT * FROM table1 ORDER BY Timp DESC";
    $result = $conn -> query($sql);
    while ($row = $result -> fetch_assoc()) {
        echo "
        <tr class = 'mainRow'>
            <td>".$row['Timp']."</td>
            <td>".$row['Tema']."</td>
            //a few more of these
        </tr>";
        $sql = "SELECT * FROM table2 WHERE ID_tema = " . $row['ID'];
        echo "<div class = 'dropdown'>";
        $result2 = $conn -> query($sql);
        //more table headers here
        while ($row2 = $result2 -> fetch_assoc()) {
            echo "
            <tr>
                <td>".$row2['Timp']."</td>
                <td>".$row2['Descriere']."</td>
                //more of these
            </tr>";
        }
        echo "</div>";
    }
    ?>
</table>

我想我正在尝试做的是一个任务日志。你有各种各样的quests（你从一个表中得到）并且每个quest都有你从另一个表中得到的tasks。现在上面的脚本工作得很好，（即使它比 Quasimodo 更可怕），但是当我尝试使用 Jquery 来改进它时它什么也没做。我想要做的是单击一个 quest 并让它的任务向下滑动或向上滑动（如果它们已经展开）。事情是，我的工作流程是“简单的步骤，并在每个点检查一切正常”，所以我为它构建的第一个 Jquery 是：

$(document).ready(function() {
    $('.dropdown').hide();
});

而且，就我的一生而言，我想不出它为什么行不通。切换到$('.mainRow').hide(); 效果很好，但我不知道如何使该下拉菜单消失。非常感谢任何帮助。

【问题讨论】：

注释 html 的语法是  而不是 // 像 php。此外，要向元素添加类，语法是 <div class="some-class">，= 符号周围没有空格。希望对您有所帮助。
前 2 行的 cmets 只是为了让人们知道我发布的部分代码之前发生了什么，无需发布整个内容，因此仅在此处添加，而不是在剧本。使用 '//' 而不是 '' 只是一种反射。此外，根据我所学到的（实际上并不多），html 忽略了大多数空格，并且我一直在使用每个“=”之前和之后使用空格，并且它有效。我是不是做错了什么？
不，像你一样使用空格并没有错，只是连接术语更常见（如@AdrienLeber 上面所示）。它使 HTML 更容易理解

标签： javascript php jquery html

【解决方案1】：

首先，您不能将div 嵌入表格中，除非您将其放入td 元素中。因此，换句话说，您输出的 html 不正确，可能会产生影响

【讨论】：

要隐藏一组行，请将类添加到每个
唯一的问题是我不能使用 $(this).next(.'dropdown') 来准确选择我想要切换的内容。如果我说每一行都有下拉类而不是一组行，它只会切换第一个下拉行或所有下拉行。但我会想办法的，问题确实是
元素无效，感谢您的输入。
全能谷歌的力量向我揭示了<tbody>的标签，它可以用来将多个<tr>s分组到一个表中。因此，为了将来参考，如果像我一样，您发现自己需要对多个 <tr>s 进行分组，请使用 <tbody>，而不是 <div>。