Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Как правильно перенести дочерний элемент? (https://javascript.ru/forum/jquery/58734-kak-pravilno-perenesti-dochernijj-ehlement.html)

рони 08.10.2015 12:25

Цитата:

Сообщение от Mekuya
Смог решить свой вопрос.

чем код выше не угодил, тоже самое же, что вы написали.
вам дали готовое решение ...
ниже ваш вариант, но чуть короче
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  #contPanel .item-title:after{
    content: "ok!" ;
  }
  </style>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script>
$(function() {
    var a = $(".item");
    a.each(function(i,el) {
        $(".item-title",el).prependTo($("#contPanel",el))
    });
});
  </script>
</head>

<body>
<div class="blog-featured">

	<div class="items-row row-0">

		<div class="item">
			<h2 class="item-title A1"></h2>
			<div id="contPanel"></div>
		</div>

		<div class="item">
			<h2 class="item-title A2"></h2>
			<div id="contPanel"></div>
		</div>

	</div>

	<div class="items-row row-1">

		<div class="item">
			<h2 class="item-title A3"></h2>
			<div id="contPanel"></div>
		</div>

		<div class="item">
			<h2 class="item-title A4"></h2>
			<div id="contPanel"></div>
		</div>

	</div>

</div>

</body>

</html>


Часовой пояс GMT +3, время: 20:55.