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

Use jQuery.closest to get the table of the button. After that search for the input.

jQuery.attr will return the attribute of the first element in the match:

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

See the fiddle:

http://jsfiddle.net/URGVp/