Question

我正在使用此代码扩展数据库表行以显示有关该项的更多信息，但它完全相反。

    $("td span.expand").click(function() {
    $(this).parents("tr.main").nextUntil("tr.main"). toggle();
});

当我打开表时，显示所有必须隐藏的行，如果我点击任何主行，它将隐藏行。如何反转这个？这是我用于表格的代码的一部分（我知道，这很麻烦）：

    echo '<table border="1" class="tabula">
<tr class="main">
<th width="30px"><a href="?page='.$page.'&sort=nr&sort_by='.$sort_order.'">Nr.</a></th>
<th width="75px"><a href="?page='.$page.'&sort=numurs&sort_by='.$sort_order.'">Mašīnas numurs</a></th>
<th width="75px"><a href="?page='.$page.'&sort=regnr&sort_by='.$sort_order.'">Reģistrācijas numurs</a></th>
<th width="75px"><a href="?page='.$page.'&sort=modelis&sort_by='.$sort_order.'">Marka / Modelis</a></th>
<th width="75px"><a href="?page='.$page.'&sort=apzim&sort_by='.$sort_order.'">ID</a></th> 
</tr>';

    //Ieraksta datus tabulā
while($row = mysql_fetch_array($query)) 
  {
  echo "<tr class='main'>";
    echo "<td width='30px'>" . $row['nr'] . "</td>";
    echo "<td width='75px'>" . $row['numurs'] . "</td>";
    echo "<td width='75px'><span class='expand'>" . $row['regnr'] . "</span></td>";
    echo "<td>" . $row['modelis'] . "</td>";
    echo "<td>" . $row['apzim'] . "</td>";
  echo "</tr>";
  echo "<tr class='hidden'>";
    echo "<td>text</td>";
    echo "<td>text</td>";
    echo "<td>text</td>";
  echo "</tr>";
  }
echo "</table>";
echo "<br>";

Answer 1

尝试在您的文件中使用CSS并包含以下内容：

<style>
.expand
{
display:none;
}
</style>

我使用基于jQuery的切换脚本，这就是我遇到类似问题时使用的内容。

您可能需要改为使用.hidden { display:none; }。

展开/折叠表行Javascript错误地工作

1 个答案: