jquery - 在 jQuery 中的结束标记之前添加 HTML

Question

我想在

之间使用 jQuery 添加 HTML

</font>和</td>

<table>
    <tr>
        <td>
            <span>something</span>
            <font color="#C40404">*</font>
        </td>
    <tr>
</table>

Answer 1

您可以使用不同的方式来完成此操作。

1. append();

   $('table tr:first td:first').append('<span>Text</span>');
   

2. after();

   $('table tr:first td:first font').after('<span>Text</span>');
   

3. appendTo();

   $('<span>Text 3</span>').appendTo($('table tr:first td:first'));
   

演示

$('table tr:first td:first').append('<span>Text 1</span>');
$('table tr:first td:first font').after('<span> Text 2</span>');
$('<span>Text 3</span>').appendTo($('table tr:first td:first'));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<table>
    <tr>
        <td>
            <span>something</span>
            <font color="#C40404">*</font>
        </td>
    <tr>
</table>