Ausblenden und Anzeigen der Anzahl der Zeilen in einer Tabelle, die die gleiche ID teilen

Question

Ich erzeuge Zeilen dynamisch, ich habe einen ID-Wert zu <tr> Tag hinzugefügt, daher hat jede generierte Zeile die gleiche ID. Das Problem ist, wenn ich versuche, diese Zeilen zu verstecken und zu zeigen, es wird nur die erste Zeile versteckt und angezeigt, obwohl es viel mehr gibt.

<tr style="color: lightgrey; display: none" id="deletedTrainingRecords"> 
         <td>@d</td> 
         <td>@e.TrainingDate.ToShortDateString()</td> 
         <td>@e.DateAdded.ToShortDateString()</td> 
         <td>@e.AddedBy</td> 

         <td class="@cls[0]"></td> 
         <td> 
          <a class="fa fa-flag-o" style="cursor: default" title="Deleted Record"></a> 
         </td> 
        </tr> 

Answer 1

Verwendung dieser Code auf dem Ereignis, das die Show handhaben und

$(document).find("tr#deletedTrainingRecords").each(function(){ 
    //dosomething 
}) 

verstecken, wenn können, vermeiden gleiche ID mit der in this post erklärt, können Sie ändern, um die ID in Klasse. und ändern die obigen Selektoren aus tr#deletedTraingRecords in tr.deletedTrainingRecords

$(document).find("tr.deletedTrainingRecords").each(function(){ 
    //dosomething 
}) 

oder

wie Locke said sich in der Klasse zu ändern und dann

$(".deletedTrainingRecords").show() or .hide()

Answer 2

als guradio sagte die ID muss eindeutig sein. Verwenden Sie die Klasse statt ID und dann können Sie document.getElementsByClassName oder $(".className") anrufen, um diese Elemente zu erreichen

Answer 3

Wenn Sie den Code zur Verfügung gestellt hätten, um die Zeile zu verbergen, wäre großartig gewesen. In jquery können Sie die untere Zeile des Codes verwenden.

$ ('# deletedTrainingRecords'). Verstecken (