Javascript 在jquery中，文本不附加在图像之后

问题是图像后没有追加文本

 <?php '<p>Name : <span id="txt_name'.$k.'">'.$change->name.'</span>';?> 
<img id="copyButton" class="img-1" 
 onClick="copyToClipboard(document.getElementById('txt_name<?PHP echo $k; ?>'));" 
 src="http://icons.iconarchive.com/icons/custom-icon-design/flatastic-
  1/16/copy-icon.png" title="Click here to copy the text into clipboard."> </p>

我想在用户单击图像时附加文本，而不是在复制的图像文本的右侧显示meg

    $("img").click(function() {
     var myClass = $(this).attr("class");
        // $(".myClass").append("<div>Copied</div>");
          // $(this).after("copied");
  });
$(".myClass").append("<div>Copied</div>");

$（“img”）。单击（函数（）{
var myClass=$（this.attr（“类”）；
//$（“.myClass”）.append（“复制”）；
//$（本）。之后（“复制”）；
});
$（“.myClass”）.append（“复制”）；

我有3个不同类名的图像

您需要使用：-

$（文档）.ready（函数（）{
$（“img”）。单击（函数（）{
$（“复制”）。在（$（本））之后插入；
});
});

或使用：-

$（文档）.ready（函数（）{
$（“img”）。单击（函数（）{
$（本）。之后（“复制”）；
});
});

---

注意：-确保在这个脚本代码之前添加了jQuery库

该死，这太乱了。。。你能去掉php并发布一段标记良好的html和javascript吗？图像元素没有子元素，因此尝试向它们附加其他元素在一开始是没有意义的。在这种情况下，您想在之后使用

，
插入后面的
或诸如此类的东西。
$(document).ready(function(){
    $("img").click(function() {
      $("<div>Copied</div>").insertAfter($(this));
    });
});

$(document).ready(function(){
    $("img").click(function() {
      $(this).after("<div>Copied</div>");
    });
});