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

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

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

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

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

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

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

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

Βρείτε το πρώτο στοιχείο που βρίσκεται αμέσως πριν από το στοιχείο με την κλάση test.

Βρείτε το πρώτο στοιχείο που βρίσκεται αμέσως μετά το στοιχείο με την κλάση test.