Привет Я ищу, чтобы разместить содержимое из дочернего элемента в другой элемент.Поместить содержимое из щелкнутого элемента в другой элемент
У меня есть скрытый div, называемый «DetailsExpanded» и серия предметов, называемых «IconWrapper». При нажатии «IconWrapper» я хотел бы скопировать содержимое из этих элементов «ItemDetail» в «DetailsExpanded» и спуститься вниз «DetailsExpanded» с указанным контентом
См. Ниже мою структуру html.
Я начал с раздвижных js, но, к сожалению, я немного из глубины.
$(".IconWrapper").click(function() {
if ($(".DetailsExpanded").is(":hidden")) {
$(".DetailsExpanded").slideDown("fast");
} else {
$(".DetailsExpanded").hide();
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="DetailsExpanded"></div>
<div class="IconWrapper">
<div class="ItemDetail">Content to copy</div>
<div class="Icon icon-icons-d-steps"></div>
</div>
<div class="IconWrapper">
<div class="ItemDetail">Content to copy</div>
<div class="Icon icon-icons-d-steps"></div>
</div>
<div class="IconWrapper">
<div class="ItemDetail">Content to copy</div>
<div class="Icon icon-icons-d-steps"></div>
</div>
JQuery в '.html ("селектор")' функция получает содержимое первого элемента в наборе соответствующих элементов http://api.jquery.com/html/ – elementzero23