jquery获取tr并更改tr内容示例代码

// 假设我们要更改的tr元素具有特定的类名，比如 "target-row"
// 使用jQuery选择这个tr元素，并更改其内部的内容

// 更改tr内部的文本内容
$("tr.target-row").text("新的内容");

// 如果tr内部有td元素，并且你想更改特定td的内容
// 假设我们要更改第一个td的内容
$("tr.target-row td:first").text("第一个td的新内容");

// 或者，如果你想通过遍历所有匹配的tr元素并更改它们的内容
$("tr.target-row").each(function() {
    // 更改当前tr的文本内容（这将覆盖tr内的所有内容）
    $(this).text("这是第 " + ($(this).index() + 1) + " 个tr的新内容");
    
    // 或者，更改当前tr内第一个td的内容
    $(this).find("td:first").text("第 " + ($(this).index() + 1) + " 个tr的第一个td的新内容");
});

这段代码展示了如何使用jQuery来选择具有特定类名的`tr`元素，并更改其内部的内容。首先，它展示了如何直接更改整个`tr`的文本内容。然后，它展示了如何定位到`tr`内部的第一个`td`元素并更改其内容。最后，它展示了如何通过遍历所有匹配的`tr`元素来分别更改它们的内容。