php - Jquery - 根据 sql 结果的值更改字体颜色

Question

我正在寻找使用 jquery 更改 div 的字体颜色，其中 div 由 SQL 查询的输出填充。

我有:

$(document).ready(function(){
    $('#foo').each(function(){
        if ($(this).text() == 'bar') {
            $(this).css('color','orange');
        }
    });
});

来自 SO 搜索，当 div 包含文本时它工作正常。

但由于这是 SQL，我用以下内容填充 div:“.$row['result']。”

现在这行不通了。我猜这是因为 sql，尽管它是一个 varchar 字段，但它是一个 $variable 而不是“文本”本身？

我确信这很简单，但我正在努力在谷歌中用这个短语来返回任何有用的东西。

非常感谢。

编辑

整个事情相当长，在我尝试添加 jquery 之前一切正常，所以我只发布添加内容。

这是在头部:

echo "<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.js'></script>";  
echo "<script type='text/javascript'>";  
echo "$(document).ready(function(){ $('#foo').each(function(){ if ($(this).text() == 'bar') { $(this).css('color','orange');}});});";

然后我在 while 循环中回显每一行:

$sql = "SELECT...";
$result = mysql_query($sql)or die(mysql_error());
while($row = mysql_fetch_array($result)){
echo "<div id='foo'>".$row['result']."</div>";
}

整个文档都用 PHP 包装，但它不是问题的根源，就好像我将 div 更改为包含文本而不是“.$row['result']”。然后 jquery 在其上执行就好了。

Answer 1

您为每个 div 赋予相同的 ID(“foo”)。一个 id 在 HTML 中必须是唯一的，你最好为此使用一个类。按照您现在的方式，.each() 函数只会在一个元素上调用，可能是第一个元素。

像这样更改 HTML 输出:

echo "<div class='foo'>".$row['result']."</div>";

然后，在 jQuery 中相应地调整您的选择器:

$('.foo').each(function(){
  // ...
}