javascript - 在文本框后显示图像？

Question

我需要在大约 6 个文本框旁边显示图像...我不想使用 div 标签，因为这些标签的位置与 IE/firefox 等不同。有没有一种简单的方法可以在文本框旁边显示小图像？比如在CSS中使用:after？

干杯

Answer 1

使用 jQuery 很容易

$(".textbox").after('<img src="validation-mark.jpg" />');

这里是 HTML:

<input type="text" class="textbox"></input>

更新

如果您想显示/隐藏验证标记，也许您可​​以在文本框旁边的 HTML 中声明它们，如下所示

<input type="text" id="textbox1"></input><img src="validation-mark.jpg" />
<input type="text" id="textbox2"></input><img src="validation-mark.jpg" />
<input type="text" id="textbox3"></input><img src="validation-mark.jpg" />

并使用以下 jQuery 代码显示或隐藏它们:

$("#textbox1+img").hide();
$("#textbox1+img").show();

jQuery 选择器 #textbox1+img 表示“ID 为 textbox1 的元素后面的图像”