jQuery.each()
functionThe jQuery.each()
or $.each()
can be used to seamlessly iterate over any collection, whether it is an object or an array. However, since the $.each()
function internally retrieves and uses the length
property of the passed array or object. So, if you it has a property called length
— e.g. {en: 'english', length: 5}
— the function might not work properly.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery Print Array Values with Loop</title>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script>
$(document).ready(function(){
var fruitsArray = ["Apple", "Banana", "Orange", "Mango", "Pineapple"];
$.each(fruitsArray, function(index, value){
$("#result").append(index + ": " + value + '<br>');
});
});
</script>
</head>
<body>
<div id="result"></div>
</body>
</html>
Similarly, you can print contents of an object through a loop, as shown below:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery Display Object Contents with Loop</title>
<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script>
$(document).ready(function(){
var supercarObject = {"brand": "Lamborghini", "model" : "Huracan", "origin": "Italy"};
$.each(supercarObject, function(key, value){
$("#result").append(key + ": " + value + '<br>');
});
});
</script>
</head>
<body>
<div id="result"></div>
</body>
</html>
Hi, My name is Harsukh Makwana. i have been work with many programming language like php, python, javascript, node, react, anguler, etc.. since last 5 year. if you have any issue or want me hire then contact me on harsukh21@gmail.com
Laravel 5.5 - Razorpay Payment Gateway Integration
Today, we are share with you in this tut...How to Stripe Payment Integration in Laravel 7.x with Example
Laravel Stripe payment gateway has built...How to show and hide div elements based on the click of checkboxes in jQuery
Use the jQuery toggle() method The fo...How to Update the Node Version in Ubuntu
In this article i will share with you ho...PHP 7 - Upload Files & Images with Example Tutorials
This is a step by step PHP 7 file upload...