如何在jquery中更改表的文本？答案

【问题标题】：How to change text of th of table in jquery?如何在jquery中更改表的文本？
【发布时间】：2022-02-04 16:26:22
【问题描述】：

我有如下表

<table>
 <tr> <th>Document</th> <th>...</th></tr>
 <tr><td>...</td>... </tr>
 ...
</table>

现在我想通过 jQuery 将“文档”的文本更改为“营销文档/URL”...请帮助我！！！

【问题讨论】：

你试过什么？？添加代码
@all：非常感谢您对我的支持。我要接受所有的答案
@user2179026，标记答案以帮助您解决问题。
将更改为 Document 然后使用 Jquery，您可以制作 $("#documentId").html("Marketing document..." )，希望对你有帮助

标签： jquery html css jquery-ui

【解决方案1】：

$("table tr&gt;th:first").html("Marketting Document/URL");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
 <tr><th>Document</th> <th>1</th></tr>
 <tr><td>2</td><td>3</td> </tr>
</table>

试试这样的：

console.log($("table tr>th:first").html("Marketting Document/URL"));

【讨论】：

【解决方案2】：

你可以试试这个：使用 jQuery 选择器首先获取tr，然后将th 放入其中。然后使用.text() 或.html() 方法更新您想要的值。

$(function(){
  $('table tr:first th:first').text('Marketting Document/URL');
 });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<table>
  <tr>
    <th>Document</th>
    <th>second header</th>
  </tr>
  <tr>
    <td>first td</td>
    <td>second td</td>
  </tr>
</table>

【讨论】：

【解决方案3】：

给“th”一个id

 <table>
 <tr> <th id="thtext">Document</th> <th></th></tr>
 <tr><td></td> </tr>

然后在javascript函数中添加这个

 $("#thtext").html("Marketting Document/URL");

【讨论】：

【解决方案4】：

// For First th for first tr

$(function(){
  $('table tr:first').find('th:first').html('Marketting Document/URL');
});

// For First th for all tr

$(function(){
  $('table tr').find('th:first').html('Marketting Document/URL');
});

【讨论】：

【解决方案5】：

您可以按照以下代码搜索表格标题中包含“文档”的文本，并将该值替换为新值。

<script>
 $(function(){
   var m = $('table tr th:contains("Document")');
       m.text('Marketting Document/URL');
 });
</script>

【讨论】：

【解决方案6】：

试试这样first()Demo Here

$(function(){
  $('table tr>th').first().html('Marketting Document/URL');
});

【讨论】：

【解决方案7】：

要添加到其他解决方案，您可能还想跳过第一行（通常是标题行）。为此，我们可以这样处理：

$(function(){
    $('table tr').not(':first').find('th:first').html('Some Text');
});

一个实际的用例可能是在行标题中插入 row 数字（可以在 spreadsheet 应用程序中找到），其中我们可以遍历每一行并添加循环 index 作为 row 编号 (image)。

【讨论】：