Mengambil Elemen Dan Konten

Mengambil Elemen Dan Konten

JQuery mempunyai beberapa fungsi yang dapat dipakai untuk mengambil konten suatu elemen HTML.

Mengambil Konten Elemen

Fungsi-fungsi yang biasa digunakan untuk mengambil konten elemen HTML adalah :

  • text() – Mengambil isi text dari suatu elemen HTML
  • html() – Mengambil source coding HTML dari suatu elemen HTML termasuk deklarasi tag
  • val() – Mengambil nilai dari suatu elemen input atau form elemen

Contoh di bawah ini memperlihatkan penggunaan fungsi text dan fungsi html.

$("#btn1").click(function(){
  alert("Text: " + $("#test").text());
});
$("#btn2").click(function(){
  alert("HTML: " + $("#test").html());
});

Contoh di bawah ini memperlihatkan penggunaan fungsi val untuk mengambil nilai dari suatu elemen input.

$("#btn1").click(function(){
  alert("Value: " + $("#test").val());
});

Mengambil Nilai Atribut

Fungsi attr digunakan untuk mengambil nilai suatu atribut pada suatu elemen HTML. Parameter fungsi ini adalah nama atribut yang akan diambil nilainya. Contoh di bawah ini memperlihatkan cara mengambil nilai atribut href.

$("button").click(function(){
  alert($("#w3s").attr("href"));
});

Tinggalkan Balasan

Keranjang Belanja0
Keranjang belanja kosong ...
0