$.each()

by mtambulut

HTML

<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<div id="one" class="myclass"></div>
<div id="two" class="myclass"></div>
<div id="three" class="myclass"></div>
<div id="four" class="myclass"></div>
<div id="five" class="myclass"></div>

JavaScript

var obj2 = {
  "flammable": "inflammable",
  "duh": "no duh"
};
$.each( obj2, function( key, value ) {
  alert( key + ": " + value );
});



/////////////////////////////////////
//////
////////////////////////////////////
var arr = [ "one", "two", "three", "four", "five" ];
var obj = { one: 1, two: 2, three: 3, four: 4, five: 5 };
 
 //.cssText ile css kodları yazılabilir...
document.getElementById("five").style.cssText = "background-color:pink;font-size:55px;border:2px dashed green;color:white;"


jQuery.each( arr, function( i, val ) {
  $( "#" + val ).text( "Mine is " + val + "." );
 
  // Will stop running after "three"
/*
  if(val === "three") // return true continue demek; return false break;
		return false;
*/
    return (!(val === "three"));
});
 
jQuery.each( obj, function( i, val ) {
  $( "#" + i ).append( document.createTextNode( " - " + val ) );
});



////////////////////////////////////////
////////
///////////////////////////////////////
var els = document.getElementsByClassName("myclass");

Array.prototype.forEach.call(els, function(el) {
    // Do stuff here
    console.log(el.id);
});

// Or
//[].forEach.call(els, function (el) {...});