Menu
In the following code when I click on anchor tag with class des_searchDate
I want to get the value of immediate following input field value.
I tried following
<html>
<div class="searched_date">
<a href="#" class="des_searchDate">
04-15-2014
<input type="hidden" value="2014-04-15" name="searched-date">
</a><br>
<a href="#" class="des_searchDate">
04-09-2014
<input type="hidden" value="2014-04-09" name="searched-date">
</a><br>
<a href="#" class="des_searchDate">
04-23-2014
<input type="hidden" value="2014-04-23" name="searched-date">
</a><br>
</div>
</html>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript">
jQuery(document).on('click', ".des_searchDate", function(){
var decDate = jQuery(this).next().find('input').val();
alert(decDate);
});
</script>
But I am getting undefined in alert. What is wrong with my code?
246
jQuery(document).on('click', ".des_searchDate", function(){
var decDate = jQuery(this).find('input').val();
alert(decDate);
});
Here's a jsFiddle
http://jsfiddle.net/yT777/
73
jQuery(document).on('click', ".des_searchDate", function(){
var decDate = jQuery(this).find('input').val();
alert(decDate);
});
demo fiddle
20
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With