Display all the content of an element inside another element with JQuery
Hello guys. I have the following case. I am using Twitter Bootstrap.
I have a simple boxes that consist of an image. I want when the box is clicked the image to come up with an html below it. Okay. I achieve that but I gain only a text directly added into the element. But let's say I decide to create a table inside this element and may be create another elements like h2,h3,h4,p,div,table. I want to display them all but only when the modal dialog is fired. Here is what I have. I need your help to achieve that. I am not so familiar with Jquery and this took me an 1 week of thinking.
$(function () {
$('.pop').on('click', function () {
$('.imagepreview').attr('src', $(this).find('img').attr('src'));
$('.info').html($(this).children('.brand-info').text());
$('#imagemodal').modal('show');
});
});
Thanks in advance!