jQuery - 基于值在输入字段后附加图像

Question

首先是fiddle

我尝试在输入字段后附加图像，可以根据值选择输入字段。

HTML代码：

<input type="checkbox" value="example"> Example

JS代码：

 $('input[value="example"]').append("<img src='https://www.google.co.in/images/nav_logo195.png'");

任何帮助将不胜感激

Answer 1

您应该使用.after()，而不是.append()。 .append()方法将新元素作为调用元素的最后一个子元素插入，而.after()在调用元素后插入新元素。

$('input[value="example"]').after("<img src='https://www.google.co.in/images/nav_logo195.png'/>");

您还错过了字符串末尾的以下字符：/>

Answer 2

HTML：

<div id="id">
   <input type="checkbox" value="bigstock">Big store
</div>

JS：

html="<img src='https://www.google.co.in/images/nav_logo195.png'>";
$('#id').append(html).trigger("create");

jsfiddle链接供参考：

 http://jsfiddle.net/san_here/y6r78mgy/

希望，它会有用。