javascript - 如何使用jquery获取表内文本框的值？

Question

我对这段代码有疑问:我无法在那里获取文本框的值:

这是我的代码:

$(document).ready(function () {
    $('#btnsave').click(function () {
        //saveData();
        // for looping the tr id:
        $("tr#mytr", "#mytable").each(function () {

            // how to get value of pos_x in every tr??

        });
    })
});

<小时/>

这是 html

<table style="width:100%" id="mytable">
   <tr id="mytr">
    <td>
     X position:
    </td>
    <td>
     <input id="xPositionField" name="pos_x"   style="width:100%"/>
     <input id="yPositionField" name="pos_y"  style="width:100%"/>
    </td>
   </tr>
   <tr id="mytr">
    <td>
     Y position:
    </td>
    <td>
     <input id="xPositionField" name="pos_x"   style="width:100%"/>
     <input id="yPositionField" name="pos_y"   style="width:100%"/>
    </td>
   </tr>
   <tr id="mytr">
    <td>
     Width:
    </td>
    <td>
     <input id="xPositionField" name="pos_x"   style="width:100%"/>
     <input id="yPositionField" name="pos_y"   style="width:100%"/>
    </td>
   </tr>
   <tr id="mytr">
    <td>
     Height:
    </td>
    <td>
     <input id="xPositionField" name="pos_x"   style="width:100%"/>
     <input id="yPositionField" name="pos_y"   style="width:100%"/>
    </td>
   </tr>
   <tr id="mytr">
    <td>
     Last save date:
    </td>
    <td>
     <input id="xPositionField" name="pos_x"   style="width:100%"/>
     <input id="yPositionField" name="pos_y"   style="width:100%"/>
    </td>
   </tr>
   <tr>
    <td colspan="2">
     <input type="button"  name="btnsave" value="Save" id="btnsave" >
    </td>
   </tr>
  </table>

在这段代码中，我使用相同的 tr id 和每个文本框的一些 id...

Answer 1

$('input[name="pos_x"]').each(function(){
    var pos_x = $(this).val();
    //Do what you want from here...
});

应该做你想做的事。您的代码无法正常工作的原因是多个元素具有相同的 ID。 ID 应该是唯一的(可以为多个元素指定类)。