Aspdotnet-Suresh

aspdotnet-suresh offers C#.net articles and tutorials,csharp dot net,asp.net articles and tutorials,VB.NET Articles,Gridview articles,code examples of asp.net 2.0 /3.5,AJAX,SQL Server Articles,examples of .net technologies

jQuery Get All Child DIV IDs Inside of a DIV using Map() Function with Example

Mar 15, 2015
Introduction

Here I will explain how to use
jQuery to get all child div ids inside of parent div using map() funtion with example or jQuery map() function to get div element ids of inside div with example. By using jQuery map() function we can get all child ids inside of another div.


By using map function we can get all child div ids from parent div in jQuery for that we need to write the code like as shown below


<script type="text/javascript">
$(function () {
$('#btnGet').click(function () {
$('#pdiv > div').map(function () {
alert(this.id);
});
});
})
</script>


If you want to check it in complete example you need to write the code like as shown below


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Get All Child Divs from Parent Div in jQuery</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script type="text/javascript">
$(function () {
$('#btnGet').click(function () {
$('#pdiv > div').map(function () {
alert(this.id);
});
});
})
</script>
</head>
<body>
<form id="form1">
<div id="pdiv">
<div id="div1">test div1</div>
<div id="div2">test div2</div>
<div id="div3">test div3</div>
</div>
<input type="button" id="btnGet" value="Get Inside Div Ids" />
</form>
</body>
</html>

Live Demo

For live demo click on below button to get all child ids inside of parent div


test div1
test div2
test div3


If you enjoyed this post, please support the blog below. It's FREE!

Get the latest Asp.net, C#.net, VB.NET, jQuery, Plugins & Code Snippets for FREE by subscribing to our Facebook, Twitter, RSS feed, or by email.

subscribe by rss Subscribe by RSS subscribe by email Subscribe by Email

0 comments :

Give your Valuable Comments

Note: Only a member of this blog may post a comment.

© 2015 Aspdotnet-Suresh.com. All Rights Reserved.
The content is copyrighted to Suresh Dasari and may not be reproduced on other websites without permission from the owner.