javascript - 单击元素获取子隐藏输入字段的值

标签 javascript jquery html

在下面的代码中,当我点击类为 des_searchDate 的 anchor 标记时 我想获取紧随输入字段值的值。

我试着跟随

<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>

但我在警觉中变得不确定。我的代码有什么问题?

最佳答案

jQuery(document).on('click', ".des_searchDate", function(){
    var decDate = jQuery(this).find('input').val();
    alert(decDate);
});

这是一个 jsFiddle

http://jsfiddle.net/yT777/

关于javascript - 单击元素获取子隐藏输入字段的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23246783/

相关文章:

javascript - 更改 jqGrid 中的导航栏图标

javascript - 删除产品网格中的父 div

html - CSS 内容属性 : is it possible to insert HTML instead of Text?

jquery - Bootstrap 模态加载对齐不当和截断页面

javascript - Jquery - 使用 [aehlke] 多标签插件动态删除标签并添加标签

javascript - AWS S3 getObject 到图像

javascript - 如何浏览器化 Node `fs.readFileSync` 以使其在 Chrome/Safari/IE 中工作?

php - 发送多个应用程序协议(protocol)请求(类似于 mailto : )

php - Ajax/php header :Location

javascript - 在 Django 中向下滚动时加载数据