jquery如何擷取對應表單元素?

標籤：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如何擷取對應表單元素?