javascript - JQuery/JavaScript 在单击行后从表中获取值

Question

使用 JQuery 或 JavaScript，如何获取 <td> 的值？在<table>看起来像下面这样 -

<table class="MyTable">
   <tr>
      <td>John</td>
      <td class="MyClass">5</td>
   </tr>
   <tr>
      <td>Sally</td>
      <td class="MyClass">9</td>
   </tr>
</table>

如果用户点击“John's row”，捕获的值应该是“5”。如果用户点击“Sally's row”，捕获的值应该是“9”。

我在以下 JQuery 中捕获了行 -

$('table.myTable tbody tr').on('click', function () {

   //I want to capture <td class="MyClass"> value here, something like this -
   var myValue = $("this.td#MyClass").val() //DOESN'T WORK!

}

我不确定我的 $(this). 是什么声明应该是这样的，我已经尝试了几种方法，例如 - $("this.td#MyClass").val() ，但它返回“未定义”。任何帮助，将不胜感激。谢谢!

Answer 1

var myValue = $(this).find('.MyClass').text();

使用 .val()当您从 HTML 控件中检索值时，例如 <select>元素为例。在这里你得到文本所以使用 .text()