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

Question

使用 JQuery 或 JavaScript，我如何获得 a<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()