Question

问题是图片后没有附加文字

 <?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 show。

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

我有3个不同类名的图像

Answer 1

您需要使用insertAfter()： -

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

或使用after()： -

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

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

文本不在jquery中的图像后追加

1 个答案: