document.getElementById变量用jquery更改类的值

Question

我正在使用此代码：

table_div = document.getElementById('exporttbl');

现在我需要使用jquery来改变特定类的th和td的所有值？ （但只是在变量table_div中。而不是在页面上。）

实施例： 我需要把这个

<th class="one">AAA<th><td class="one">BBB<td>

进入这个

<th class="one">RRR<th><td class="one">RRR<td>

下一步我正在使用

var table_html = table_div.outerHTML.replace(/ /g, '%20');

所以我希望能够使用它。

Answer 1

由于您使用jQuery，您可以对ID为.find(".one")的元素执行exporttbl并更改文本，如下所示：

$("#exporttbl").find(".one").text("AAA");

另请注意，您需要关闭<th>和<hr>元素。这适用于看起来像这样的表：

<table id="exporttbl">
    <th class="one">AAA</th><td class="one">BBB</td>
    <th class="one">CCC</th><td class="one">DDD</td>
</table>

Here is an example

有关更多信息，请参阅jQuery文档 - https://api.jquery.com/find/

Answer 2

我认为这里的一些困惑是你正在使用

   table_div = document.getElementById('exporttbl');

这是纯粹的javascript但你说你想要使用jQuery。

＆＃34;现在我需要使用jquery来改变特定类的th和td的所有值？ （但只是在变量table_div中。而不是在页面上。）＆＃34;

这将返回该表的jQuery对象。

    $('#exporttbl') 

对于所有这些，只需添加一个find：

    $('#exporttbl').find('th.one')

和所有td：

    $('#exporttbl').find('td.one')

这些将找到所有th = td with class =＆＃39; one＆＃39;表格内有id =＆＃39; exporttbl＆＃39;。然后你可以随心所欲地做任何事情。听起来您想要更改文本，以便以下方法可以使用：

    $('#exporttbl').find('th.one').text('RRR');
    $('#exporttbl').find('td.one').text('RRR');

您可以使用

    $("#exporttbl").find(".one").text("AAA");

按照建议但会找到所有项目，其中class =＆＃34;一个＆＃34;在桌子里面。只要你想要的那个就是那个级别的唯一项目，这很好。如果该课程还有其他内容，那么您需要更加具体，就像我一样。

此外，使用类似于＆＃39; th的选择器＆＃39;通常比仅仅更快。一个＆＃39;根据申请的大小，这可能是也可能不是问题。