Überlagern Sie einen TD, je nach Inhalt

Question

Ich habe eine Frage, die einem gelösten Problem sympathisch ist, aber in meiner Umgebung funktioniert die Lösung nicht.

In einem SharePoint gibt es eine Tabelle mit Spalten und möchte die Hintergrundfarbe in Grün eines einzelnen TD ändern, wenn der Inhalt darin "grün" ist.

Ich habe es versucht

<table>
    <tr>
        <table>
            <tr>
                <th width="200px">Title</th>
                <th width="100px">State</th>
            </tr>
            <tr>
                <td>Hello</td>
                <td>Green</td>
            </tr>
            <tr>
                <td>World</td>
                <td>Red</td>
            </tr>
        </table>
    </tr>
</table>
<script>
    $("td:contains('Green')").css('background-color', '#00FF00');
</script>

Mein Beispiel auf JSFiddle

Dies funktioniert jedoch nicht bei SharePoint Table-in-Table-Struktur. Wieso den? Was ist das Problem? Der gesamte Tisch ist Paintet in der Farbe des letzten Wertes.

Answer 1

Fügen Sie zuerst die JQuery -Datei ein

dann danach

Schreiben Sie Ihren Code wie

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" ></script>

<script>
$(document).ready(function(){
$("td:contains('Green')").css('background-color', '#00FF00');
});
</script>