如何在表中使用追加方法

Question

追加方法我第一次使用，它在我的表标签中不起作用，我正在使用span标签，使用span标签我从左到右附加到代码中，但它不能正常工作，就像我手动放置代码一样，它工作正常，但使用附加方法它不能正常工作我不知道辞职为什么它发生在代码中。

<table>
<tr>
<td height="21" align="left" valign="bottom"><font face="Agency-Roman" color="#000000"><br></font></td>
<td align="left" valign="bottom"><font face="Agency-Roman" color="#000000"><br></font></td>
<td align="left" valign="bottom"><font face="Agency-Roman" color="#000000"><br></font></td>
<td align="left" valign="bottom"><font face="Agency-Roman" color="#000000"><br></font></td>
<td align="left" valign="bottom"><font face="Agency-Roman" color="#000000"><br></font></td>
<td align="left" valign="bottom"><font face="Agency-Roman" color="#000000"><br></font></td>
<td align="left" valign="bottom" bgcolor="#FFFFFF"><font face="Agency-Roman" color="#000000"><br></font></td>
<td colspan="14" align="center" valign="bottom" bgcolor="#FFFF00"><font face="Agency-Roman" color="#000000">Week 1</font></td>
<!-- <td align="left" valign="bottom" bgcolor="#FFFFFF"><font face="Agency-Roman" color="#000000"><br></font></td>
<td colspan="14" align="center" valign="bottom" bgcolor="#FF6600"><font face="Agency-Roman" color="#FFFFFF">Week 2</font></td>
--><!-- this code is comment when manually put this code is working proper -->
<span1 class="divq"></span1>
</tr>
</table>

我的jquery代码是

$(document).on('click', '.hello2', function (e) {
$("span1").append(`
<td align="left" valign="bottom" bgcolor="#FFFFFF">
<font face="Agency-Roman" color="#000000"><br></font>
</td>
<td colspan="14" align="center" valign="bottom" bgcolor="#FF6600">
<font face="Agency-Roman" color="#FFFFFF">Week 2</font>
</td>
`);
});

我还想知道如何使用追加方法，我也可以与类一起使用吗，并且有像附加这样的方法，我可以从左到右和从上到下运行附加方法

Answer 1

var i =2;
$(document).ready( function () {
$('#clickMe').click(function(){
$("#specialTr").append(            
'<td align="left" valign="bottom" bgcolor="#FFFFFF"><font face="Agency-Roman" color="#000000"><br></font></td>n
<td colspan="14" align="center" valign="bottom" bgcolor="#FF6600"><font face="Agency-Roman" color="#FFFFFF">Week '+i+'</font></td>'
);
i++;
})
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
<tr id="specialTr">
<td height="21" align="left" valign="bottom"><font face="Agency-Roman" color="#000000"><br></font></td>
<td align="left" valign="bottom"><font face="Agency-Roman" color="#000000"><br></font></td>
<td align="left" valign="bottom"><font face="Agency-Roman" color="#000000"><br></font></td>
<td align="left" valign="bottom"><font face="Agency-Roman" color="#000000"><br></font></td>
<td align="left" valign="bottom"><font face="Agency-Roman" color="#000000"><br></font></td>
<td align="left" valign="bottom"><font face="Agency-Roman" color="#000000"><br></font></td>
<td align="left" valign="bottom" bgcolor="#FFFFFF"><font face="Agency-Roman" color="#000000"><br></font></td>
<td colspan="14" align="center" valign="bottom" bgcolor="#FFFF00"><font face="Agency-Roman" color="#000000">Week 1</font></td>
<!--                <td align="left" valign="bottom" bgcolor="#FFFFFF"><font face="Agency-Roman" color="#000000"><br></font></td>
<td colspan="14" align="center" valign="bottom" bgcolor="#FF6600"><font face="Agency-Roman" color="#FFFFFF">Week 2</font></td>
--><!-- this code is comment when manually put this code its working proper -->
</tr>
</table>
<button id="clickMe" >Click Me</button>

什么是span1标签？Jquery 仅支持 HTML 元素。 您可以将 tr 直接附加到 td