码迷,mamicode.com
首页 > Web开发 > 详细

jquery如何获取对应表单元素?

时间:2017-03-20 10:18:05      阅读:212      评论:0      收藏:0      [点我收藏+]

标签:query   type   解决方案   pre   pretty   获取   多个   ons   user   

问题描述:我页面中有这样多个表单,我都是这个定义的,当我点击确定按钮时,此时能够获得相对应的表单对象,我该怎么获取到他的两个值呢?

解决方案:

 页面元素

<form id="form1">
    <lable>姓名:</lable>
    <input type="text" class="user_name">
    <lable>电话:</lable>
    <input type="text" class="user_tel">
    <span class="button">确定</span>
</form>
<form id="form2">
    <lable>姓名:</lable>
    <input type="text" class="user_name">
    <lable>电话:</lable>
    <input type="text" class="user_tel">
    <span class="button">确定</span>
</form>
<form id="form3">
    <lable>姓名:</lable>
    <input type="text" class="user_name">
    <lable>电话:</lable>
    <input type="text" class="user_tel">
    <span class="button">确定</span>
</form>

jquery实现方法(自己任意添加一个jquery库即可)

$(function(){
     $(‘.button‘).each(function(){
        $(this).click(function(){
            var name = $(this).parent(‘form‘).find(‘.user_name‘).val();
            var tel = $(this).parent(‘form‘).find(‘.user_tel‘).val();
            console.log(name);
            console.log(tel);
        });
     });
})

  

jquery如何获取对应表单元素?

标签:query   type   解决方案   pre   pretty   获取   多个   ons   user   

原文地址:http://www.cnblogs.com/qqblog/p/6586298.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!