Ticker

6/recent/ticker-posts

Get & Set Attribut Pada Tag HTML dengan JQuery

Pada artikel ini akan dijelaskan bagaimana kita mengambil atau mengisikan nilai dari/ke atribut di dalam html. Pada jQuery kita bisa menarik atau mengisikan nilai dari/ke atribut seperti id, kelas, style, nama, judul, dsb di dalam tag apapun (seperti <div>, <span>, <p>, dll) dengan menggunakan metode attr() dan .prop().
Misalnya kita punya sintak HTML seperti berikut :


<div class="myContainer" id="warpper">
Isi content
<a id="idAlamat" title="blogger" href="">Link</a> 
<input type="checkbox" id="idCheckbox" checked="checked" />
</div>

Pada kasus diatas misalnya kita akan mengambil id dan title pada tag <a>, maka gunakan sintak JQuery sebagai berikut, 

//Mengambil id dari class myContainer dalam div
var divID = $("div.myContainer").attr("id");  //hasilnya "idAlamat"
//Mengambil title dari link (tag <a>)
 var linkTitle = $("#idAlamat").attr("title");  //hasilnya "blogger"

$("#idCheckbox").prop("checked");  //hasilnya "true" 
$("#idCheckbox").attr("checked"); //hasilnya "checked"

 Mengisikan / mengganti nilai (Set Attribute) pada tag html

//Menambahkan/ mengganti title pada sebuah link (tag <a> dengan nama id "idAlamat")
$("a#idAlamat").attr("title", "Ini link baru");

//Membuat checkbox di check
$("#idCheckbox").prop("checked", true);

Posting Komentar

0 Komentar