inner child select

by narensrinivasans

HTML

<div class="amazona">
  <form id="ad1">
     <input type="hidden" value="testing1" id="ttt1"/>
     <input type="hidden" value="testing2" id="ttt2"/>
     </form>
    <span>Hello</span>
    <p class="selected">Hello Again</p>
    <p class="ad1"><a id="two">And Again</a></p>
 
    <p>And One Last Time</p>

</div>

CSS

body { font-size:16px; font-weight:bolder; }
  p { margin:5px 0; }
.amazona { display:block; }

JavaScript

$(".amazona").click(function(){
			var testv = $(this).children("#ad1").find("input#ttt1").val();
			var testu = $(this).children("#ad1").find("input#ttt2").val();
            var testw = $(this).find("#two").text();
			alert(testv+'\n'+testu+'\n'+testw);
            });