如何动态地在表中添加图像？

Question

我想用jquery脚本在我的表中动态显示img：

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

所以在输入旁边我想要显示一个图像，我试过这个但是不起作用：

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

请参阅小提琴：http://jsfiddle.net/3dE7j/

Answer 1

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

Answer 2

尝试使用 \ 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

您无法在INPUT文本上添加图像。

在你的table-cells（td）上附加你的img标签。