Как получить значение между тегами span с помощью javascript/jquery

Чтобы скопировать значение в буфер обмена, я использую эту функцию:

$(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>

См. это и это

— 06.02.2019 19:13

javascript jquery copy clipboard

06.02.2019 19:07

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

461

Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

$('.скопировать в буфер обмена').click(функция()

изменить на

$('.копировать в буфер обмена охватывать').click(функция()

должно сработать

я тоже пробовал но не работает

— 06.02.2019 19:18

<div class = "copy-to-clipboard"> <input type = "text" value = "Текст для захвата" /> </div> <div class='copied'></div> вы также должны поменять местами вот так , и дважды щелкните полный диапазон, чтобы скопировать

— 06.02.2019 19:22

06.02.2019 19:16

Ответ принят как подходящий

Вы можете создать элемент ввода со значением текста в тексте копирования диапазона и автоматически удалить ввод.

$(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>

06.02.2019 19:18

Другие вопросы по теме

Как отправить код таблицы HTML из поля textarea, а затем проанализировать его в массив

Сначала загрузите файл перед отправкой основной формы jquery php ajax

Как использовать jquery для получения данных из формы перед отправкой?

Автосохранение формы PHP с несколькими элементами и сохранение в mysqli с помощью ajax

Почему мой сценарий входа ajax не работает?

Диаграмма JS отображает значение данных в верхней части панели

Медленно остановить рандомизацию

Как запустить Cropper после выбора файла, не получая 404 на img?

Изменить значение текстового поля с помощью таблицы двойного щелчка

Строки DataTable не превращаются в hrefs

Как получить значение между тегами span с помощью javascript/jquery

Ответы 2

Другие вопросы по теме

Похожие вопросы