如何使用 javascript/jquery 在 span 标签之间获取值

Question

要将一个值复制到剪贴板，我使用这个函数：

$(function() {
   $('.copy-to-clipboard input').click(function() {
      $(this).focus();
      $(this).select();
      document.execCommand('copy');
   $(".copied").text("Link copied to clipboard").show().fadeOut(1200);
   });
});


<div class='copied'></div>

<div class="copy-to-clipboard"> 
   <input type="text" value="Text to grab" /> 
</div>

我怎样才能用下面 span 标签之间的值实现相同的效果：

<div class="copy-to-clipboard"> 
   <span>Text to grab</span>
</div>

Answer 1

$('.copy-to-clipboard input').click(function()

改为

$('.copy-to-clipboard span').click(function()

应该可以

Answer 2

您可以使用跨度复制文本中的文本值创建一个输入元素并自动删除输入

$(function() {
   $('.copy-to-clipboard > span').click(function() {
     var a=$('.copy-to-clipboard > span').text();
     var t=a.split(" ").join('');
    $('.copy-to-clipboard > span').append('<input value='+t+'>')
    
    $('input').select();
  
      document.execCommand('copy');
       $('.copy-to-clipboard > span > input').remove()
   
   $(".copied").text("Link copied to clipboard").show().fadeOut(1200);
   });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="copy-to-clipboard"> 
   <span>Text to grab</span>
</div>

如何使用 javascript/jquery 在 span 标签之间获取值

how to grab value inbetween span tags with javascript/jquery

javascript

clipboard

jquery

copy