javascript - Jquery - 单击按钮后如何访问此元素

Question

单击此按钮后如何访问此元素...经过这么多次尝试仍然不知道该怎么做...这是我的例子...因为我想尝试这个方法 http://jsfiddle.net/yXcZG/53/但以我自己的方式...

<div id="modalBodyContact" class="modal-body">
   <table width="100%" cellspacing="0" class="display" id="contactsTable">
      <tbody>
         <tr>
            <td>
               <p data-id="5" class="contactInfo">123321</p>
            </td>
            <td class="pull-right">
                <button data-id="5" class="edit" type="button">Edit</button>
                <button data-id="5" class="delete" type="button">Delete</button>
            </td>
         </tr>
         <tr>
            <td>
               <p data-id="6" class="contactInfo">123321</p> <---- I get this element after I click that EDIT BUTTON
            </td>
            <td class="pull-right">
                <button data-id="6" class="edit" type="button">Edit</button> // <---- I CLICK THIS then ACCESS to <p>
                <button data-id="6" class="delete" type="button">Delete</button>
            </td>
         </tr>
      </tbody>
   </table>
</div>

这就是我点击按钮时所做的事情...

$("#modalBodyContact").on('click', 'button.edit', function(){
   var contact_id   = $(this).data("id");
//im stuck here
});

编辑1

这是 fiddle http://jsfiddle.net/mm6ce7t1/5

我要回<p data-id="5" class="contactInfo">5555</p>不是5555 ... 怎么做？因为我想用文本框替换它..

Answer 1

[已编辑]

在函数“TBox”中，参数“obj”不是对象，而是字符串，因此您需要传递对象而不是字符串。我再次更改了您的代码以接受对象，请查看 http://jsfiddle.net/mm6ce7t1/6/

$("#modalBodyContact").on('click', 'button.edit', function(){
  var contact_id   = $(this).data("id");
  var p = $("#modalBodyContact").find("p[data-id='" + contact_id + "']");
  console.log(p);
  TBox(p);
});