如何使用 jQuery 获取输入 td 中的文本 - Javascript

在编写前端页面时，我们经常需要获取用户输入的内容。其中，表格上的 td 元素是一种常见的输入方式。本文将介绍如何使用 jQuery 获取输入 td 中的文本。

代码片段

$('td').on('input', function() {
  let text = $(this).text();
  console.log(text);
});

以上代码定义了一个事件监听器，在用户输入 td 元素时触发。当事件触发时，会获取当前 td 元素的文本内容并打印到控制台上。

代码解释

• $()：jQuery 的选择器，用于选择特定的元素。
• $('td')：选择所有的 td 元素。
• on()：jQuery 的事件监听器，用于监听特定事件的发生。
• 'input'：监听用户输入事件。
• function() {}：事件触发时执行的函数。
• let text = $(this).text();：获取当前 td 元素的文本内容。
• console.log(text);：将获取到的文本内容打印到控制台上。

注意事项

• 如果页面上有多个 td 元素，以上代码会选择所有的 td 元素。如需选择特定的 td 元素，可在 $() 中添加 ID 或 class 等特定选择器。
• 上述代码只能获取用户输入的文本内容，如需获取其他内容，如表格上的数字或选项等，请根据具体情况选择相应的方法。