Копирование текста из div в meta

286

22 марта 2017, 17:51

Добрый вечер. В общем мне нужно скопировать текст из <div> в <meta name="description" content=""> при помощи JQ. Как реализовать? Желательно с кодом и пояснением.

Answer 1

Всё просто, вот пример:

var text = $('.text-item').text(); //Выбираем текст из div 
text = text.slice(0,10); //обрезаем текст с начала и длиной 10 символов 
$('meta[name=description]').attr('content', text) // вставляем в attr content  текст

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<meta name="description" content=""> 
<div class="text-item">Задача организации, в особенности же постоянное информационно-пропагандистское обеспечение нашей деятельности играет важную роль в формировании модели развития. Таким образом постоянный количественный рост и сфера нашей активности позволяет оценить значение системы обучения кадров, соответствует насущным потребностям.</div>

Answer 2

Ну и ванильный вариант.

const meta = document.querySelector('meta[name=description]'); 
const text = document.querySelector('#div').textContent; 
 
console.log(meta.getAttribute('content')); // !!! 
 
meta.setAttribute('content', text.slice(0, 20)); 
console.log(meta.getAttribute('content')); // Lorem ipsum dolor si

<!DOCTYPE html> 
<html> 
<head> 
  <meta charset="utf-8"> 
  <meta name="description" content="!!!"> 
</head> 
<body> 
<div id="div">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore rem, doloremque et, inventore ipsam tenetur impedit, accusantium aliquid libero fugiat error voluptas dolor enim, laborum accusamus doloribus quam. Distinctio, sed.</div> 
</body> 
</html>