2

我有一个像这样用 PHP 生成的简单表,内容是从 MySQL 中获取的。

echo "<tr>";
        echo "<td width='auto' bgcolor=”#FF0000 &#8243;>" . "&nbsp;". "<b>"  . $i . "&nbsp;". "<b/>". "</td>";
        echo "<td width='auto'>" . "&nbsp;" . $row[1] . "&nbsp;" . "</td>";
        echo "<td width='auto'>". $row[2] . "</td>";

在此处输入图像描述

我们可以看到行:GenereDownload
在行里面我有相关的文本值,

Industrial Black Metal
Black Metal
Grindcore

我想用内部文本转换扰流板中单元格内的文本值。我能怎么做?

在此处输入图像描述

4

1 回答 1

0

您需要使用 JavaScript。例如,您可以使用名为 jQuery 的 JavaScript 库。

将此代码放置在页面上的某个位置一次:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
    $(".spoiler-label").click(function() {
        $(this).parent().find(".spoiler-content").toggle();
    });
});
</script>

现在,在你的循环中,如果你想有一个剧透,而不是只有 $row[2] 等,使用以下代码(当然是在 PHP 标记内):

echo '<div>
    <span class="spoiler-label">'.$row[2].'</span>
    <div class="spoiler-content" style="display: none">Spoiler content</div>
</div>';

您在这里所做的是隐藏带有 display: none 的扰流板,然后在单击标签时使用 jquery 切换它。

于 2012-10-21T22:38:14.393 回答