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> 

ЯШ:

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

jsfiddle ссылка для справки:

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

Надеюсь, это пригодится.