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

Question

我有下面的表格

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

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

Answer 1

$("table tr>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>3 </tr>
</table>

尝试这样的事情：

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

Answer 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>

Answer 3

将ID赋予“ th”

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

然后在javascript函数中添加此内容

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

Answer 4

//对于第一tr的第一th

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

//对于所有tr而言，都是第一]

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

Answer 5

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

Answer 6

尝试这样first() Demo Here

Answer 7

要添加到其他解决方案中，可能还希望跳过第一行（通常是header