Add css-Klasse zu nächsten tr-Tag

Question

Ich habe Tabelle, in der ich eine css-Klasse zu einigen tr hinzufügen möchte. Ich habe diesen Code

@for (int i = 0; i < Model.Items.Length; i++) 
{ 
    <tr> 
    @if (!Model.Items[i].IsActive) 
    { 
    <script> 
    $(function() { 
     $(this).closest("tr").addClass("inActiveTr"); 
    }); 
    </script> 
    } 
<td> ... </td> 
... 
</tr> 
} 

aber es tut nichts. Was ist los mit dir?

Wenn ich nur

$("tr").addClass("inActiveTr"); 

innerhalb der Funktion schreiben gibt es diese Klasse auf alle tr in Seite

JSFIDDLE

Answer 1

Warum tun Sie es nicht in Ihren Rasierer Server-Seite wie folgt aus:

@for (int i = 0; i < Model.Items.Length; i++) 
{ 
    <tr@Html.Raw(!Model.Items[i].IsActive ? " class=\"inActiveTr\"" : string.Empty)> 
    <td> ... </td> 
    ... 
    </tr> 
} 

Wenn für so Ich Grund, warum Sie wirklich jQuery verwenden möchten, um die Klasse hinzuzufügen, dann benötigen Sie eine Art von Kennung für die Zeile, so dass Sie es zielen können: