切换数据库的结果

Question

我对jQuery、php和数据库非常陌生，但我成功地创建了一个数据库en从该数据库中检索使用php的数据。

填充搜索项后，数据(从数据库检索)将显示在结果页中。例如:在寻找荷兰的时候，你会得到几个城市。这些城市都有额外的信息(人口、口语、乡村等)。

城市被显示，但额外的信息必须是不可更改的，直到访问者点击一个下划线的词或图像。

问题：

最后一部分是问题所在。它似乎适用于一个不可见的div，但当我单击第二个结果时，第一个结果再次切换.

用一个查询来检索数据：

$result=$db->查询(“按城市选择城市、国家、图里斯坦信息、电话、传真、时间、电子邮件、匹配(CityName)与('$searchterm‘在布尔模式下)的相关性”)；

数据显示如下：

echo '<div class="small_box">

<p><strong>'.$row['City'].'</strong></p>

Click <u>here</u> for more info.

<table id="moredetails">
<tr><td>'.$row['Country'].'</td></tr>
<tr><td>'.$row['Touristinfo'].'</td></tr>
<tr><td>'.$row['Tel'].'</td></tr>
<tr><td>'.$row['Fax'].'</td></tr>
<tr><td>'.$row['Times'].'</td></tr>
<tr><td>'.$row['Email'].'</td></tr>
</table>

            </div>

            <div class="small_box_right">
                <p></p>


<table>
<tr><td><i mg src ="'.$row['Logo'].'"></td></tr>
</table>

            </div>';

用于切换的js代码非常简单(但对本例来说还不够好)：

$(Document).ready(函数(){)

$("u").click(function () {
  $('#moredetails').toggle();
});

})；

Answer 1

您不能像这样重用元素"id“值。每一行的详细信息都需要它们自己的"id“。

如果带下划线的文本位于行内，则可能可以给details元素类"details"，然后让"click“处理程序执行如下操作：

$("u").click(function(e) {
  $(this).closest("tr").find(".details").toggle();
});