Add HTML before end tag in jQuery

Question

I want to add HTML using jQuery between

</font> and </td>

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

Answer 1

You can do it using different ways.

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'));
   

DEMO

$('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>

Answer 2

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

<script>

$('#td1').append("whatever you want here");

</script>