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> 

如果用戶點擊「約翰的行」，捕獲的值應該是「5」。 如果用戶點擊「薩莉的行」，捕獲的值應該是「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()