Dokumentasi jQuery - Metode html()

Contoh

Tetapkan konten semua elemen p:

$(".btn1").click(function(){
  $("p").html("Hello <b>world</b>!");
});

Coba Sendiri

Definisi dan Penggunaan

Metode html() mengembalikan atau menetapkan konten elemen yang dipilih (inner HTML).

Jika metode ini tidak menetapkan parameter, maka akan mengembalikan konten saat ini elemen yang dipilih.

Mengembalikan konten elemen

Ketika menggunakan metode ini untuk mengembalikan nilai, ia akan mengembalikan konten elemen pertama yang cocok.

Sintaks

$(selector).html()

Coba Sendiri

Menetapkan konten elemen

Ketika menggunakan metode ini untuk menetapkan nilai, ia akan menutupi konten semua elemen yang cocok.

Sintaks

$(selector).html(content)

Coba Sendiri

Parameter Deskripsi
content - Pilihan. Tentukan konten baru elemen yang dipilih. Parameter ini dapat mengandung tag HTML.

Gunakan fungsi untuk menetapkan konten elemen

Gunakan fungsi untuk menetapkan konten semua elemen yang cocok.

Sintaks

$(selector).html(function(index,oldcontent))

Coba Sendiri

Parameter Deskripsi
function(index,oldcontent)

Tentukan fungsi untuk mengembalikan konten baru elemen yang dipilih.

  • index - Pilihan. Menerima posisi indeks pemilihan selector.
  • oldcontent - Pilihan. Menerima konten pemilihan selector saat ini.