• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Jquery get previous element vom selben typ

musclebreast

Mitglied
Hi,

ich verzweifele schon und hoffe ihr könnt mir helfen:

ich habe 3 Zeilen in einer Tabelle:
HTML:
<tr class="horizontalCellDivider">
<td class="labelHorizontalDivider" colspan="1"><img width="1" height="1" alt="" src="/img/spacer.gif" border="0"></td>
<td class="valueHorizontalDivider" colspan="2"><img width="3" height="1" alt="" src="/img/tbl-divider-hor.gif" border="0"></td>
</tr>
<tr style="display: none;">
<td>

</td>
</tr>

<script type="text/javascript">

function showIClass( )



}

</script>


<tr>
<td class="label" nowrap="" valign="top" colspan="1">&nbsp;Classifications:&nbsp;</td>

<td class="labelVerticalDividerRight" background="/img/tbl-divider-ver.gif" style="background-repeat: repeat-y;"><img width="2" height="1" alt="" src="/img/spacer.gif" border="0"></td>
<td class="valueEditable" nowrap="">

<select name="selectClassify" onchange="if ( this.selectedIndex != 0 ) { selectClassification( this.options[ this.selectedIndex ].value ) }; this.selectedIndex=0;" value="">
<option>Classify...</option>
<option value="Browse">Browse Classifications</option>
<option value="MyFavorites">My Favorites</option>
<option value="UserPickList">User Picklist</option>
<option value="GroupPickList">Group Picklist</option>
<option value="SearchClassifications">Search RM Classifications</option>
<option value="SearchThesaurus">Search RM Classification terms</option>
</select>


</td>
</tr>
Ich versuche genau diese 3 Zeilen zu löschen.
Javascript:
$(".label:contains(Classifications:)").closest( "tr" ).closest( "tr" ).remove();
$(".label:contains(Classifications:)").closest( "tr" ).closest( "tr" ).remove();
  
$(".label:contains(Classifications:)").closest( "tr" ).remove();
Nur die letzte Zeile klappt, aber die 2 vorherigen zeilen warden nicht gelöscht. Habe es schon mit sibling usw. versucht, aber ich habe hier einen Denkfehler und hoffe ihr könnt mir helfen?

VG,

Lara
 
Hi,

ich verzweifele schon und hoffe ihr könnt mir helfen:

ich habe 3 Zeilen in einer Tabelle:
HTML:
<tr class="horizontalCellDivider">
<td class="labelHorizontalDivider" colspan="1"><img width="1" height="1" alt="" src="/img/spacer.gif" border="0"></td>
<td class="valueHorizontalDivider" colspan="2"><img width="3" height="1" alt="" src="/img/tbl-divider-hor.gif" border="0"></td>
</tr>
<tr style="display: none;">
<td>

</td>
</tr>

<script type="text/javascript">

function showIClass( )



}

</script>


<tr>
<td class="label" nowrap="" valign="top" colspan="1">&nbsp;Classifications:&nbsp;</td>

<td class="labelVerticalDividerRight" background="/img/tbl-divider-ver.gif" style="background-repeat: repeat-y;"><img width="2" height="1" alt="" src="/img/spacer.gif" border="0"></td>
<td class="valueEditable" nowrap="">

<select name="selectClassify" onchange="if ( this.selectedIndex != 0 ) { selectClassification( this.options[ this.selectedIndex ].value ) }; this.selectedIndex=0;" value="">
<option>Classify...</option>
<option value="Browse">Browse Classifications</option>
<option value="MyFavorites">My Favorites</option>
<option value="UserPickList">User Picklist</option>
<option value="GroupPickList">Group Picklist</option>
<option value="SearchClassifications">Search RM Classifications</option>
<option value="SearchThesaurus">Search RM Classification terms</option>
</select>


</td>
</tr>
Ich versuche genau diese 3 Zeilen zu löschen.
Javascript:
$(".label:contains(Classifications:)").closest( "tr" ).closest( "tr" ).remove();
$(".label:contains(Classifications:)").closest( "tr" ).closest( "tr" ).remove();
 
$(".label:contains(Classifications:)").closest( "tr" ).remove();
Nur die letzte Zeile klappt, aber die 2 vorherigen zeilen warden nicht gelöscht. Habe es schon mit sibling usw. versucht, aber ich habe hier einen Denkfehler und hoffe ihr könnt mir helfen?

VG,

Lara

https://api.jquery.com/closest/
https://api.jquery.com/siblings/
 
Zurück
Oben