Question

JQ 将一段文字动态插入html相应位置。如图

要求：
jq代码
点击按钮1时 内容出现在按钮1,2之间，
点击按钮2时 内容出现在按钮2,3之间，
点击按钮3时 内容出现在按钮3之下。
（“内容”为后台生成不出现在图片中的位置）
能反复点~不要只能点一次的。。

Answer 1

第一：在每个中间添加一个隐藏的标签
第二：隐藏的标签中内容写好
第三：在鼠标点击的时候显示，思路就是这样的

Answer 2

$("#btn").click(function(){$(this).after("内容“）;});

追问

这样搞~我就不提问了~click几次就多几次内容。我要的是内容插入何时的位置。

追答

添加之前做个判断，比如添加的内容为内容，这么写：
$("#btn").click(function () {
if ($("#btn+span[class='spanInsert']").length == 0) {
var insertStr="内容";
$(insertStr).remove();

$(this).after(insertStr);
}
});