在<div> </div>中的元素后面插入图像元素

时间:2014-05-08 21:54:28

标签: jquery html image

我正在尝试在div内部的br标记元素之后插入图像元素。

我在给出here

之后尝试使用jQuery

我的HTML就像 -

<div id="toolTipImage" class="ss-content">

  <input checked="checked" id="OutputType2" name="OutputType" type="radio" value="2"> PDF
  <br>
  <input id="OutputType0" name="OutputType" type="radio" value="0"> HTML

</div>

我正在尝试插入图片

var el = { newImg : $("<img>", {class: "profile-image", id: "newImg", src: "path/to/img"}) }

$("toolTipImage").children()[1].after(el.newImg);

请建议我如何实现这一目标。

2 个答案:

答案 0 :(得分:1)

试试这个 -

(el.newImg).insertAfter($("toolTipImage").children()[1]);

答案 1 :(得分:0)

您在#之前遗失toolTipImage并使用children('br')代替children()[1],请尝试以下操作:

$("#toolTipImage").children('br').after(el.newImg);

OR

$("#toolTipImage br").after($("<img>", {class: "profile-image", id: "newImg", src: "path/to/img"}));

jsFiddle