php - 将动态创建的 ID 放入 javascript

Question

所以我有一个脚本可以根据数据库中的列自动生成 ID。像这样:

echo "<tr class='task' id='task-" . $row['task_id'] . "'>";

然后我在下面有一个脚本，我希望它根据另一列的一些信息更改每个 tr 类名称。我尝试将相同的代码 'task-". $row[task_id] ."' 放入 document.getElementById 字段，但它没有在浏览器中解析。 resolve 意味着它保持为 'task-". $row[task_id] . "' 而不是将 $row[task_id] 更改为数字。我需要对数字进行更改，使其与 tr 的 ID 相匹配。

var resolved = <?php echo $_SESSION['resolved']; ?>;
    if (resolved == 1) 
    {
        document.getElementById('task-" . $row[task_id] . "').className ="task resolved";
    }
    else
    {
        document.getElementById('task-" . $row[task_id] . "').className =" task";
    }

Answer 1

您需要像这样回显变量:

var resolved = <?php echo $_SESSION['resolved']; ?>;

if (resolved == 1) 
{
    document.getElementById('task-<?php echo $row['task_id'] ?>').className ="task resolved";
}
else
{
    document.getElementById('task-<?php echo $row['task_id'] ?>').className =" task";
}

但是最好不要用 javascript 来做，而应该像这样在 PHP 中做:

echo "<tr class='task " . ($_SESSION['resolved'] == 1 ? 'resolved' : '') ."' id='task-" . $row['task_id'] . "'>";

在生成 HTML 时添加 resolved 类。但是，您可能需要一种更好的方法来测试任务是否已解决，因为 $_SESSION['resolved'] == 1 会将所有任务标记为已解决。所以假设你的行有一个像 `$row['resolved'] 这样的列，你可以这样做:

echo "<tr class='task " . ($row['resolved'] == 1 ? 'resolved' : '') . "' id='task-$row[task_id]'>";