Как вставить элемент из переменной

362

12 января 2017, 07:10

В переменной b хранится клон объекта span и вместо того чтобы вставился элемент Текст вставляется вот это [object Object]

$('span').each(function(){
   var b = $(this).clone();
   $('ul').append('<li>' + b + '</li>');
});

Answer 1

Вы вставляете копию объекта, как текст. Что бы обернуть копию в родителя, используйте функцию wrap:

$('span').each(function(){ 
   var b = $(this).clone(); 
   $('ul').append(b); 
   b.wrap('<li></li>'); 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<span>Текст 1</span> 
<span>Текст 2</span> 
<span>Текст 3</span> 
<span>Текст 4</span> 
 
<ul></ul>

Answer 2

Вы всё правильно написали, что в переменной хранится объект, а вам нужно свойство text() это объекта:

$('span').each(function() { 
  var b = $(this).clone(); 
  $('ul').append('<li>' + b.text() + '</li>'); 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<span>Текст 1</span> 
<span>Текст 2</span> 
<span>Текст 3</span> 
<span>Текст 4</span> 
 
<ul></ul>