javascript - how to get the id when a certain button is clicked using jquery

Question

How can I get the id of tbody's input when #moveToAnTable is clicked using jQuery? Thanks.

<table id="yearSectionAdd2Table">
   <thead>
      <tr id="columnHeader">
        <th>
           <div>
               <input id="moveToAnTable" type="button" value="&lt;&lt;">
           </div>
        </th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>
          <center>
             <input id="moveToAnTableOne" type="button" value="&lt;&lt;">
          </center>
        </td>
      </tr>
    </tbody>
</table>

Answer 1

使用jQuery.closest获取按钮的表格。之后搜索输入。

jQuery.attr将返回匹配中第一个元素的属性：

$("#moveToAnTable").click(function(){
  var id = $(this).closest("table").find("tbody input").attr("id");
  alert(id);
});

看小提琴：

http://jsfiddle.net/URGVp/

Answer 2

您也可以使用 on 方法这样编写它，并在控制台窗口中测试您的结果是否更适合您，而不是不断弹出窗口。

    $('#moveToAnTable').on("click",function(){
      var mvalue = $(this).closest('table').find('tbody input').attr('id');
      console.log('my value is: ' + mvalue);
    });