javascript - Getting values of elements inside a div tag -

i have multiple div tags different ids on page following property:.

<div class="alert alert-info" id="1">                     <p><b><span class="adname">name</span></b><br>                     <span class="ad1">address1</span><br>                     <span class="ad2">address2</span><br>                     <span class="ad3">address3</span><br>                     <span class="adcity">city</span><br>                     <span class="adstate">state</span><br>                     <span class="adpin">pincode</span><br>                     ph no :<span class="adphone">phone</span><br>                 </p> </div 

i want values inside span tags when particular div clicked. how can idntify div clicked , contents?

you can use find() method in click event of div.

$('.alert.alert-info').click(function(){       var $this = $(this);      adname = $this.find('.adname').text();      ad2 = $this.find('.ad2').text();      //so can repeat remaining elements. });