Διαχείριση περιεχομένου ετικέτας

Για την ανάγνωση περιεχομένου ετικέτας μπορείτε να χρησιμοποιήσετε τις παρακάτω συναρτήσεις.

  • text()
  • html()

Για παράδειγμα:

var str = $("p:first").text();
var htmlStr = $("div#first").html();

Εισαγωγή (write) περιεχομένου σε ετικέτα/ες

Για την εισαγωγή περιεχομένου σε ετικέτα μπορείτε να χρησιμοποιείτε τις ίδιες συναρτήσεις όπως και παραπάνω με τη μόνη διαφορά ότι θα πρέπει να περνάτε το προς εισαγωγή περιεχόμενο ως παράμετρο στη συνάρτηση.

Για παράδειγμα:

$("p").text("new text");

	$("p").html("<b>Some</b> new text");

Επίσης με τις συναρτήσεις:

  • append()
  • appendTo()
  • prepend()
  • prependTo()
Επεξηγήσεις

Η append() προσθέτει στην επιλεγμένη ετικέτα το περιεχόμενο της παρένθεσης.

Παράδειγμα
$("#p1").append( "this is <b>Sparta</b>" );

ή

var content = "this is <b>Sparta</b>";
		$("#p1").append(content);

ή

$("#p1").append($("#p2"));
Σημείωση

Η append(), όπως και οι άλλες, δεν διαγράφει το υπάρχον περιεχόμενο αλλά προσθέτει στο υπάρχον.

Η appendTo() λειτουργεί με αντίστροφο τρόπο απ΄ ότι η append().

Παράδειγμα
$("#p1").appendTo($("#p2"));

Εδώ η p1 προστίθεται στο περιεχόμενο της p2.

Η prepend() λειτουργεί όπως και η append() με τη διαφορά ότι το περιεχόμενο προστίθεται στην αρχή και όχι στο τέλος.

Η prependTo() λειτουργεί όπως και η appendTo() με τη διαφορά ότι το περιεχόμενο προστίθεται στην αρχή και όχι στο τέλος.