JQuery .each()

Memberi warna pada masing-masing elemen berdasarkan data pada masing-masing elemen.

by Juan Muñoz

HTML

<div class="red">Lorem ipsum</div>
<div class="green">Lorem ipsum</div>
<div class="blue">Lorem ipsum</div>
<div class="yellow">Lorem ipsum</div>
<div class="violet">Lorem ipsum</div>

CSS

body {
    padding:50px;
}

div {
    border:1px solid black;
    padding:5px 10px;
    margin:0 0 2px;
}

JavaScript

var cun = 0
$('div').each(function() {
		
    if ( cun == 0 ){ 
      var color = this.className; // or: $(this).attr('class');
      $(this).css('background-color', color);
    }
    cun++
});