Mengganti atau Mnambah Attribut pada Elemen HTML menggunakan Jquery

Contoh merubah Value Attribute pada sebuah element :

<div class="myclass"></div>

$("div").attr("class","newclass"); // merubah value attribut menjadi class="newclass"

hasil :  <div class="newclass"></div>

Contoh menambah Atrribute pada sebuah element :

<div class="myclass"></div>

$("div").attr("id","newid"); // menambah attribut id="newid"

 hasil :  <div class="newclass" id="newid"></div>

 Contoh merubah Value Attribute pada beberapa element :

<div class="myclass1"></div>
<div class="myclass2"></div>
<div class="myclass3"></div>

var rubah = { "myclass1" :"kelas 1", "myclass2" : "kelas 2", "myclass3" : "kelas 3" };
$.each(rubah, function( i, val ) {
  $( "." + i ).attr( "class"",val );
});

// merubah value class="myclass1" menjadi class="kelas 1" ...dst..

 hasil : 

 <div class="kelas 1"></div>
<div class="kelas 2"></div>
<div class="kelas 3"></div>

 Contoh merubah Value Attribute pada beberapa element dengan Text Element itu sendiri :

<a href="" class="myclass1">Ini kelas 1</a>
<a href="" class="myclass2">Ini kelas 2</a>
<a href="" class="myclass3">Ini kelas 3</a>

 $("a").each(function(index, txt){
  $(txt).attr("class",$( this ).text());
});

hasil :

 <a href="" class="Ini kelas 1">Ini kelas 1</a>
<a href="" class="Ini kelas 2">Ini kelas 2</a>
<a href="" class="Ini kelas 3">Ini kelas 3</a>

• Tweet
• Share
• Share
• Share
• Share