Javascript-форум - Перенести все классы внутри своего this

Javascript-форум (https://javascript.ru/forum/)

- jQuery (https://javascript.ru/forum/jquery/)

- - Перенести все классы внутри своего this (https://javascript.ru/forum/jquery/68922-perenesti-vse-klassy-vnutri-svoego.html)

Перенести все классы внутри своего this

Есть структура

<div class="vc_tta-panels">
    <div class="standart-btn">
        <div class="vc_tta-panel-heading"></div>
        <div class="vc_tta-panel-body">
            <div class="standart">
                <button>Кнопка</button>
            </div>
        </div>
        
    </div>
    <div class="standart-btn">
        <div class="vc_tta-panel-heading"></div>
        <div class="vc_tta-panel-body">
             <div class="standart">
                <button>Кнопка</button>
            </div>       
        </div>
    </div>
</div>

Как перенести КАЖДЫЙ .standart из .vc_tta-panel-body в .vc_tta-panel-heading внутри своего .standart-btn

Пробую вот так, не выходит..

$(".standart-btn").each(function() {
  $(this).children(".vc_tta-panel-heading").append($(this).children('.standart'));
});

Спасибо!

ami_moor,

$(function() {
$(".standart-btn").each(function(indx, el){
      $(".standart",el).appendTo($(".vc_tta-panel-heading",el))
      });
});

Цитата:

Сообщение от ami_moor

Пробую вот так, не выходит..

$(".standart-btn").each(function() {
  $(this).children(".vc_tta-panel-heading").append($(this).children('.standart'));
});

Пробуй так

<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src='http://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
$(function(){
	$(".standart-btn").each(function() {
		$(this).children(".vc_tta-panel-heading").append($(this).find('.standart'));
	});
});
</script>
</head>
<body>
<div class="vc_tta-panels">
    <div class="standart-btn">
        <div class="vc_tta-panel-heading"></div>
        <div class="vc_tta-panel-body">
            <div class="standart">
                <button>Кнопка</button>
            </div>
        </div>
    </div>
    <div class="standart-btn">
        <div class="vc_tta-panel-heading"></div>
        <div class="vc_tta-panel-body">
            <div class="standart">
                <button>Кнопка</button>
            </div>       
        </div>
    </div>
</div>
</body>
</html>

Цитата:

Сообщение от ami_moor

Пробую вот так, не выходит..

$(this).children('.standart') --- standart не ребёнок а внук :)

Цитата:

Сообщение от рони (Сообщение 452665)

$(this).children('.standart') --- standart не ребёнок а внук :)

:yes:Поняла. Ступила, Спасибо! :thanks:

Цитата:

Сообщение от рони

$(this).children('.standart') --- standart не ребёнок а внук

В jq наверняка не было метода для получения внуков элемента)

$.fn.grandchild=function(selector){
	return $(this).find('>*> '+(selector?selector:'*'));
};

$(this).grandchild('.standart');