jquery 修改 td

Jquery是一个强大的JavaScript框架，可以以简单的方式操作HTML元素。在这篇文章中，我们将主要讨论如何使用Jquery修改HTML表格中的td元素。

要修改一个td，我们可以使用Jquery的 text() 或 html() 方法，这取决于我们是想更改td元素的文本还是其内部HTML。

  // 修改文本
  $("td").eq(0).text("新的文本");

  // 修改内部HTML
  $("td").eq(1).html("新的HTML");

上面的代码中，我们使用$("td")选择器选择了所有的td元素，然后使用了eq(0)和eq(1)方法选择了第一个和第二个td元素。最后，我们使用了text()方法将第一个td的文本更改为“新的文本”，并使用html()方法将第二个td的HTML更改为“新的HTML”。

还有一种常见的情况是，我们想根据td元素的当前值来修改其内容。为了做到这一点，我们可以使用一个回调函数来处理这个值，然后将新值插入到td元素中。

  $("td").each(function() {
    var currentVal = $(this).text(); // 获取当前值
    var newVal = currentVal + " 新值" // 处理新值
    $(this).text(newVal); // 将新值插入td
  });

在上面的代码中，我们使用$("td").each()方法对所有的td元素进行遍历。通过$(this)，我们可以访问当前td元素。我们使用text()方法获取当前值，然后用一个变量newVal处理新值。最后，我们使用text()方法将新值插入到当前td元素中。

在这篇文章中，我们学习了如何使用Jquery修改HTML表格中的td元素。我们使用了text()和html()方法来更改td的文本和HTML，以及使用了回调函数来根据当前值修改td元素的内容。