單擊行后，JQuery / JavaScript從表中獲取值

Question

使用JQuery或JavaScript，我如何在<table>中獲得<td>的值，如下所示 -

<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的行”，則捕獲的值應為“5”。 如果用戶點擊“Sally的行”，則捕獲的值應為“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() ，但它返回'undefined'。 任何幫助，將不勝感激。 謝謝！

Answer 1

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

從HTML控件中檢索值時使用.val() ，例如<select>元素。 在這里你得到文字所以使用.text()