jquery - 从表中检索具有单击事件的元素

Question

我有一个表格，其中每一行都有一个包含图像的列和一个用于描述图像的文本区域字段。如何单击图像以检索文本区域内容？

$(document).ready(function() {

  $(document).on('click', '.image', function(e) {
    // logic here
   
  });

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<table>
  <tbody>
    <tr>
      <td> <img class="image" src="https://cdn1.iconfinder.com/data/icons/user-pictures/100/female1-512.png" width="100">
      </td>

      <td>
        <textarea class="text"> observation 1 </textarea>
      </td>
    </tr>

    <tr>
      <td> <img class="image" src="https://cdn1.iconfinder.com/data/icons/user-pictures/100/female1-512.png" width="100">
      </td>

      <td>
        <textarea class="text"> observation 2 </textarea>
      </td>
    </tr>
  </tbody>
</table>

Answer 1

可以先用.parent()方法再用.children()方法往上走，如果是固定结构就往textarea走