如何將類添加到包含從數據庫中提取的特定字符串的元素中

Question

我使用以下代碼在div中搜索特定文本，如果找到，則將另一個類添加到div。

<div class="res">Full HD</div>    

$(document).ready(function () {
  $('div.res').each(function () {
    if ($(this).text() === "Full HD") {
      $(this).addClass('fullhd');
     }
  });
});

它的運行效果非常好，感謝您對這個社區的幫助，以幫助我弄清楚該如何做。

但是，我改用下面的PHP從數據庫中提取我想要函數搜索的文本，即“ Full HD”，但現在它不再起作用，正如我很不希望的那樣。

<div class=\"res\">".$suggested_videos[$i]['definition']."</div>

我有點理解為什么這種做法不再有效，但很難說清楚，因此我對此表示歉意。 是否可以添加到javascript函數中，以在數據庫的['definition']列中搜索“ Full HD”，然后根據是否找到正確的類（'fullhd'）添加正確的類？

編輯：

因此，我使用的javascript函數實際上可以與php數據庫一起正常使用，根本不需要更改。 問題是由於我沒有在數據庫中大寫“ Full HD”。 它是從數據庫中提取“ Full HD”而不是“ FULL HD”，因此在搜索“ FULL HD”時，什么都沒有找到，因此沒有添加任何類。 感謝您的答復和潛在的解決方法。 知道有很多人願意幫助一個陌生人，這意味着很多。 我等不及要回報了。

Answer 1

由於無論如何都是通過PHP輸出內容，因此只需在服務器/ PHP端添加一個條件，檢查$suggested_videos[$i]['definition']是什么，然后在其中添加類。 請參閱以下內容：

<?php

echo '<div class="res ';

if ($suggested_videos[$i]['definition'] === 'Full HD') {
    echo 'fullhd';
}

echo '">' . $suggested_videos[$i]['definition'] .'"</div>';
?>

未經測試，但可以引導您走正確的道路。

需要進一步澄清：您的JavaScript在網站的前端/用戶的瀏覽器中運行，並且無法直接訪問數據庫。 PHP在您的服務器上運行（即使它是您的本地開發計算機），並會生成內容，並在用戶看到之前將其輸出到前端。 以上檢查內容，如果條件正確，則添加<div>類。 這也可能對您有用： https : //stackoverflow.com/a/6369454/823549 。