Ich versuche, die Hintergrundfarben der Tabellenzeilen zu ändern, wobei jeder Abschnitt mit derselben Farbe beginnt. Ich habe dies mit folgendem Code erreicht:

$(document).ready(function(){ $("tbody tr.row:nth-child(even)").css("background", "#efefef"); });

Ich muss auch in der Lage sein, die Anzahl der Zeilen (zum Beispiel 5) zu begrenzen, die in jedem Körperteil sichtbar sind. Diese müssen mit einem Button mit einem .click () -Ereignis umgeschaltet werden können. Weiß jemand, wie ich das erreichen könnte? Die einzigen Lösungen, die ich gefunden habe, haben dazu geführt, dass die Hintergrundfarben beschädigt wurden. Jede Hilfe wäre sehr dankbar!

Hier ist ein Beispiel für die Tabellenstruktur:

<table>
    <tbody>
        <tr>
            <td>Cell Contents</td>
            <td>Cell Contents</td>
        </tr>
        <tr>
            <td>Cell Contents</td>
            <td>Cell Contents</td>
        </tr>
        <tr>
            <td>Cell Contents</td>
            <td>Cell Contents</td>
        </tr>
    </tbody>

    <tbody>
        <tr>
            <td>Cell Contents</td>
            <td>Cell Contents</td>
        </tr>
        <tr>
            <td>Cell Contents</td>
            <td>Cell Contents</td>
        </tr>
        <tr>
            <td>Cell Contents</td>
            <td>Cell Contents</td>
        </tr>
    </tbody>
</table>