Форум

ami_moor · #1 (**permalink**) 17.05.2017, 14:17

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

<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'));
});

Спасибо!

рони · #2 (**permalink**) 17.05.2017, 14:27

ami_moor,

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

ksa · #3 (**permalink**) 17.05.2017, 14:28

Сообщение от 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>

рони · #4 (**permalink**) 17.05.2017, 14:30

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

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

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

ami_moor · #5 (**permalink**) 17.05.2017, 15:14

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

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

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

Nexus · #6 (**permalink**) 17.05.2017, 15:22

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

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

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

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

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

Форум

Справочник

Discord чат

Курсы javascript