Μέθοδοι prev και next στο jQuery

Χρησιμοποιώντας τη μέθοδο prev μπορείτε να απευθυνθείτε στον αμέσως προηγούμενο γείτονα ενός συγκεκριμένου στοιχείου, ενώ με τη μέθοδο next - στον αμέσως επόμενο γείτονα (να έχετε υπόψη ότι τα στοιχεία θεωρούνται γείτονες μόνο εντός του ίδιου γονέα).

Για παράδειγμα, ας πάρουμε τις ακόλουθες παραγράφους:

html<p>κείμενο</p>
<p>κείμενο</p>
<p id="test">κείμενο</p>
<p>κείμενο</p>
<p>κείμενο</p>

Τώρα ας βρούμε το στοιχείο #test και στον αμέσως προηγούμενο γείτονά του να ορίσουμε το κείμενο '!':

javascript$('#test').prev().html('!');

Και τώρα ας εκτελέσουμε μια ανάλογη πράξη με τον αμέσως επόμενο γείτονα:

javascript$('#test').next().html('!');