jQuery:获取单击元素的值

Question

我有这段代码:

<tr class="editField">
  <td>abc</td>
  <td>123</td>
  </td>
</tr>
<tr class="editField">
  <td>dfg</td>
  <td>456</td>
  </td>
</tr>

然后我用这个 javascript 来用 jQuery 打开一个对话框:

$( ".editField" ).click(function() {
        alert(...); // should get me 123
});

假设我点击第一个tr，我会得到第二个td的内容(即123)，我应该写什么？

Answer 1

考虑到您当前的加价，我建议:

$( ".editField" ).click(function() {
        alert($(this).find('td:eq(1)').text());
});

但是，虽然这在给定的示例中有效，但向您希望从中恢复“值”的元素添加一些定义属性会更容易(并且随后更可靠)，例如类 -命名“值”，给出 HTML，如下所示:

<tr class="editField">
  <td>abc</td>
  <td class="value">123</td>
</tr>

还有 jQuery:

$( ".editField" ).click(function() {
        alert($(this).find('td.value').text());
});

或者，当然，如果“值”始终是最后一个 td任何给定行(相关类)的元素，那么您可以使用:

$( ".editField" ).click(function() {
        alert($(this).find('td:last').text());
});

顺便请注意，您的 HTML 格式错误，您有多余的 </td>在示例代码两行的最后一个单元格之后。

引用文献:

• eq() selector .
• find() .
• :last selector .
• text() .