Jquery td:contains正在创建新行,而不是替换单元格中的值
我试图用列中的值计数替换表td单元格;但是,该值将显示在新行而不是单元格中 html是:Jquery td:contains正在创建新行,而不是替换单元格中的值,jquery,html,Jquery,Html,我试图用列中的值计数替换表td单元格;但是,该值将显示在新行而不是单元格中 html是: <tr> <td colspan="7"> </td> <td>Joeys</td>
<tr>
<td colspan="7"> </td>
<td>Joeys</td>
<td style="text-align:center">JY1T1</td>
<td style="text-align:center">JY1T2</td>
<td style="text-align:center">JY1T3</td>
<td style="text-align:center">JY1T4</td>
<td style="text-align:center">JY2T1</td>
<td style="text-align:center">JY2T2</td>
<td style="text-align:center">JY2T3</td>
<td style="text-align:center">JY2T4</td>
<td style="text-align:center">JY3T1</td>
<td style="text-align:center">JY3T2</td>
<td style="text-align:center">JY3T3</td>
<td style="text-align:center">JY3T4</td>
</tr>
显示的页面为:
“5”应替换“JY1T1”,而不是在新行中
我使用:
var today = new Date();
var y1 = today.getFullYear();
$("#cubPackDetailsTable td:contains('YEAR1')").html("<b>"+y1+"</b>");
将每个td更改为包含一个id,例如
<td id="JY1T1" style="text-align:center">JY1T1</td>
我想我们需要看到更多的HTML才能确定。现在,我唯一想知道的是,
countJY1T1
是一个int
,而html()
需要一个string
,因此可能会有一些Javascript键入的奇怪之处。也许可以试试.html(countJY1T1+“”)
嗨,我试过你的解决方案,但它没有按要求工作。我已经包含了表格的html。问候您,格林。您的jQuery代码中的cubPackDetailsTable
是什么?你在使用像datatables这样的jQuery插件吗?嗨,Tim,是的,我在使用datatables。我已将代码添加到我的帖子中。如果您执行.empty().html(countJY1T1),该怎么办?
<table class="table table-hover table-bordered" id="cubPackDetailsTable">
<thead>
<tr>
<td colspan="8"> </td>
<td colspan="4" style="text-align:center">YEAR1</td>
<td colspan="4" style="text-align:center">YEAR2</td>
<td colspan="4" style="text-align:center">YEAR3</td>
</tr>
<tr>
<td colspan="7"> </td>
<td>Joeys</td>
<td style="text-align:center">JY1T1</td>
<td style="text-align:center">JY1T2</td>
<td style="text-align:center">JY1T3</td>
<td style="text-align:center">JY1T4</td>
<td style="text-align:center">JY2T1</td>
<td style="text-align:center">JY2T2</td>
<td style="text-align:center">JY2T3</td>
<td style="text-align:center">JY2T4</td>
<td style="text-align:center">JY3T1</td>
<td style="text-align:center">JY3T2</td>
<td style="text-align:center">JY3T3</td>
<td style="text-align:center">JY3T4</td>
</tr>
<tr>
<th>Number</th>
<th>First Name</th>
<th>Surname</th>
<th>Invested</th>
<th>Current Section</th>
<th>DOB</th>
<th>Gender</th>
<th>Current Age</th>
<th>T1</th>
<th>T2</th>
<th>T3</th>
<th>T4</th>
<th>T1</th>
<th>T2</th>
<th>T3</th>
<th>T4</th>
<th>T1</th>
<th>T2</th>
<th>T3</th>
<th>T4</th>
</tr>
</thead>
<tbody id="cubPackDetailsTablebody">
</tbody>
</table>
if ( $.fn.dataTable.isDataTable( '#cubPackDetailsTable' ) ) {
var cubPackDetailsTable = $('#cubPackDetailsTable').DataTable();
}
else {
var cubPackDetailsTable = $('#cubPackDetailsTable').DataTable( {
<td id="JY1T1" style="text-align:center">JY1T1</td>
<td id="JY1T1" style="text-align:center"></td>
('#JY1T1').html(countJY1T1);