how to add img in table dynamically?

Question

I would like to dynamically show an img in my table with a jquery script:

<table>
        <tr>
            <td>
                <label>address1</label>
            </td>
            <td>
                <input type="text" id="address1" style="width: 300px" />
            </td>
        </tr>
</table>

so next to the input I would like to show an image, I tried this but does not work:

$("td input").append("<img id="redt" src="Images/redtick.jpg" />")

see fiddle: http://jsfiddle.net/3dE7j/

Answer 1

$("td input").append('<img id="redt" src="Images/redtick.jpg" />');

Answer 2

尝试使用\\ escape character ，该\\ escape character用于将引号放在字符串中。

$("td input").append("<img id=\"redt\" src=\"Images/redtick.jpg\" />");

Answer 3

我知道了：

$("table td:nth-child(2)").append('<img id="redt" src="Images/redtick.jpg" />')

Answer 4

You cannot add an img on INPUT text.

Append your img tag on your table-cells (td).