How to to select all p in div with jQuery

Recently I was discussing something with friend about jQuery and question comes from friend that how we can select the all p in Div with jQuery. With jQuery selector its very easy to select all p in div tag. But from this conversation I came to know that lots of people does not know about it. So I thought it will be great idea to write a blog post about it.

As you know with jQuery selectors we can have single selection but lots of people does not know that jQuery is also provide multiple selection also. Let’s take an example. You have following html structure.

<div id="test>
    <p>Jalpesh Vadgama</p>
    <p>Vishal Vadgama</p>

Now you want to select all your p tag in div then you can write jQuery selectors chain like following.
var allp= $('div#test p');

 It will select all the P tags now you can assign class to that p tag or manipulate the that array in the way you want. This is not only true for P tag for any tags you can have select all the similar tags. That’s it. Its very easy hope you like it. Stay tuned for more..


Popular posts from this blog

How to create Rest API(Web API) with ASP.NET Core 1.0

Creating PDF with ASP.Net MVC and RazorPDF

Horizontal and vertical scrollbar in HTML5 and CSS3