Εμφάνιση κειμένου στοιχείου μέσω jQuery

Οι μέθοδοι html και text μπορούν να χρησιμοποιηθούν όχι μόνο για αλλαγή κειμένου στοιχείων, αλλά και για την εμφάνισή του στην οθόνη. Ας πάρουμε ένα στοιχείο και ας εμφανίσουμε το κείμενό του:

<p id="test">text</p> alert($('#test').html());

Εάν προσπαθήσετε να πάρετε το κείμενο όχι ενός στοιχείου, αλλά πολλών, θα δείτε μόνο το περιεχόμενο του πρώτου στοιχείου. Χρησιμοποιήστε τη μέθοδο each, για να πάρετε τα κείμενα όλων των στοιχείων, γι' αυτήν θα μιλήσουμε στα επόμενα μαθήματα.

Στο παρακάτω παράδειγμα παίρνουμε όλες τις παραγράφους με κλάση www:

<p class="www">text1</p>
<p class="www">text2</p>
<p class="www">text3</p>

Στη συνέχεια εμφανίζουμε το περιεχόμενο χρησιμοποιώντας html, και θα εμφανιστεί μόνο το κείμενο της πρώτης παραγράφου από αυτές που πήραμε:

alert($('.www').html()); // θα εμφανίσει 'text1'

Πρέπει να είστε προσεκτικοί και με τη μέθοδο text, στην περίπτωσή μας θα εμφανίσει το περιεχόμενο όλων των στοιχείων που βρέθηκαν:

alert($('.www').text()); // θα εμφανίσει 'text1text2text3'