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的行”，则捕获的值应为“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()

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

1 个答案: