jQuery-根据值在输入字段后追加图像

jQuery - Appending images after input field based on value

本文关键字：字段 追加 图像 输入 jQuery-      更新时间：2023-09-26

首先是小提琴

我试图在输入字段后添加一个图像，输入字段可以根据值进行选择。

HTML代码：

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

JS代码：

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

如有任何帮助，将不胜感激

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

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

字符串末尾还缺少以下字符：/>

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/

希望，它会有用的。

相关文章：