извлечение текста и изображения как в jquery

Question

Я хочу получить текст или изображение в модальном формате. Я могу получить текст textCont. В div может быть текст или изображение. Итак, какой из них будет там, он заберет его.

Вот мой код для текста.

var contId = 0; 
var contBodyElement = null; 

$('.body').find('.edit').on('click', function (event) { 
    event.preventDefault(); 

    contBodyElement = event.target.parentNode.parentNode.childNodes[1]; 
    var contBody = contBodyElement.textContent; 
    contId = event.target.parentNode.parentNode.dataset["contid"]; 
    //console.log(contBody); 
    $('#my-editor').val(contBody); 
    $('#myModal').modal(); 
}); 

HTML

<div class="header"> 
    <div data-contid={{ $templates->id }}> 
    <img src="{{ URL::to($templates->header) }}" alt="" /> 
    <div class="dropdown-content"> 
     <a href="#" class="edit">Edit content</a> <a href="#">Edit Background</a> 
    </div> 
    </div> 
</div> 


<div class="cont-one" data-contid={{ 2 }}> 
    <h2><p>{{ $body->cont_one }}</p></h2> 
    <div class="dropdown-content"> 
    <a href="#" class="edit">Edit content</a> <a href="#">Edit Background</a> 
    </div> 
</div> 

Answer 1

Это будет здорово, если вы разделяете HTML код, с которого вы хотели получать тексты и изображения.

Для изображения вы можете получить атрибут изображения Src, как этот

var src_image_attr = $('img').attr('src'); 

и установить его в IMG element-:

$("#my_image").attr("src", src_image_attr);