Tabelle ausblenden Zeile mit jQuery onclick
Ich habe eine Reihe von Zeilen wie:
<tr>
<td>cell1</td>
<td>cell2</td>
<td><a href="action.php">cell3</a></td>
</tr>
<tr class="notes_row">
<td colspan="6">
<ul class="message warning no-margin" id="notes_box">
<li>Notes here</li>
</ul>
</td>
</tr>
<tr>
<td>cell1</td>
<td>cell2</td>
<td><a href="action.php">cell3</a></td>
</tr>
Class="notes_row" ist nur dann vorhanden, wenn Hinweise vorhanden sind, für die Zeile oben. Wie kann ich ausblenden, die tr und wenn es die tr mit der notes_row Klasse unter ihm, ohne die anderen Zeilen mit jquery? Also, wenn jemand geklickt cell3 der tr, der link versteckt ist dann, wenn es eine Noten Zeile in der Tabelle unten es, es blendet auch.
- Sie fragte NUR eine Frage ähnlich wie diese - bitte missbrauchen Sie nicht diese community. Dokumentation Lesen und verstehen, wie jQuery funktioniert, bevor die Leute zu Fragen schreiben Sie den code für Sie! stackoverflow.com/questions/4543155/...
Du musst angemeldet sein, um einen Kommentar abzugeben.
Denke ich... Werde durch den Speicher hier.
BEARBEITEN
Paar kleine Fehler beseitigt, und ein fiddle-link, um ihn in Aktion zu sehen:
http://www.jsfiddle.net/E6zcV/
.hasClass()
(es gibt einen boolschen Wert zurück), und tun.next('.notes_row').hide()
statt. Wenn die nächste Zeile nicht haben, dass Klasse, wird nichts passieren.Wäre dies ein guter Ort für
.delegate()
, es kann so einfach sein wie:Sie können testen Sie es hier. Was dies bedeutet ist, verwenden
.am nächsten()
Aufstieg auf die<tr>
,.ausblenden()
, die Zeile, wählen Sie die.next()
<tr>
wenn es hat die.notes_row
Klasse, und.ausblenden()
, dass als gut. Schließlich bin ich das hinzufügen einer- Ereignis.preventDefault()
dort, so dass wir nicht wirklich navigieren Sie zuaction.php
aus dem link selbst.