Клонирование контента jQuery

261

25 января 2017, 00:03

Всем привет, нужна помощь:

Есть контент вида

<ul> 
  <li class="disds"><img src=".jpg">
    <div class="bluur" style="font-size:1.0em; "> <span class="bluurspan" style="display:none;"> <p>Все здорово! Процветания и удачи!</p> </span> </div>
  </li> 
  <li class="disds"><img src=".jpg">
    <div class="bluur" style="font-size:1.0em; "> <span class="bluurspan" style="display:none;"> <p>Блаблабла</p> </span> </div>
  </li>     
</ul>

Есть скрытое окно, которое показывается по клику на картинку

 <div class="eeeew">
   <div class="sadasd2">
     Сюда нужно клонировать контент
   </div>
 </div>

Как клонировать скрытый текст (.bluurspan) в блок .eeeew?

Answer 1

Нажатие обрабатывать можно через click и дальше через find ищем нужный элемент:

$(function() { 
  $('.disds').click(function() { 
    var content = $(this).find('.bluurspan').html(); 
    $('.sadasd2').html(content) 
  }); 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<ul> 
  <li class="disds"> 
    <img src=".jpg"> 
    <div class="bluur" style="font-size:1.0em; "> <span class="bluurspan" style="display:none;"> <p>Все здорово! Процветания и удачи!</p> </span>  
    </div> 
  </li> 
  <li class="disds"> 
    <img src=".jpg"> 
    <div class="bluur" style="font-size:1.0em; "> <span class="bluurspan" style="display:none;"> <p>Блаблабла</p> </span>  
    </div> 
  </li> 
</ul> 
 
<div class="eeeew"> 
  <div class="sadasd2"> 
    Сюда нужно клонировать контент 
  </div> 
</div>