Форум

face2005 · #1 (**permalink**) 12.05.2018, 16:07

Добрый день! подскажите как переместить элементы в районе своего родителя?

$('.sepSt .waper-catalog-row-col-4 span').appendTo($('.sepSt .waper-catalog-row-col-3'));

у меня собирает все .sepSt .waper-catalog-row-col-4 span и запихивает в .sepSt .waper-catalog-row-col-3

подскажите плиз..

laimas · #2 (**permalink**) 12.05.2018, 16:11

$('.sepSt .waper-catalog-row-col-4 span').appendTo($('.sepSt .waper-catalog-row-col-3')); - красное лишнее.

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

собирает все .sepSt .waper-catalog-row-col-4 span и запихивает в .sepSt .waper-catalog-row-col-3

А что надо?

face2005 · #3 (**permalink**) 12.05.2018, 16:20

<div class="sepSt">
    <div class="waper-catalog-row-col-3">
            <span>text</span>
    </div>
    <div class="waper-catalog-row-col-4">
            <span>другой text</span>
    </div>
</div>

<div class="sepSt">
    <div class="waper-catalog-row-col-3">
            <span>text</span>
    </div>
    <div class="waper-catalog-row-col-4">
            <span>другой text1</span>
    </div>
</div>

<div class="sepSt">
    <div class="waper-catalog-row-col-3">
            <span>text</span>
    </div>
    <div class="waper-catalog-row-col-4">
            <span>другой text2</span>
    </div>
</div>

нужно что бы срабатывало в родителе , т.е. не собирало все .sepSt .waper-catalog-row-col-4 span а по одному каждый в своем отсеке...

j0hnik · #4 (**permalink**) 12.05.2018, 16:25

face2005,
нужна разметка как есть до манипуляций, и что должно получиться после.

face2005 · #5 (**permalink**) 12.05.2018, 16:31

должно вот так получиться

<div class="sepSt">
    <div class="waper-catalog-row-col-3">
            <span>text</span>
            <span>другой text</span>
    </div>
    <div class="waper-catalog-row-col-4">
            
    </div>
</div>

<div class="sepSt">
    <div class="waper-catalog-row-col-3">
            <span>text</span>
            <span>другой text1</span>
    </div>
    <div class="waper-catalog-row-col-4">
            
    </div>
</div>

<div class="sepSt">
    <div class="waper-catalog-row-col-3">
            <span>text</span>
            <span>другой text2</span>
    </div>
    <div class="waper-catalog-row-col-4">
            
    </div>
</div>

face2005 · #6 (**permalink**) 12.05.2018, 16:32

а получается вот так:

<div class="sepSt">
    <div class="waper-catalog-row-col-3">
            <span>text</span>
            <span>другой text</span>
            <span>другой text1</span>
            <span>другой text2</span>
    </div>
    <div class="waper-catalog-row-col-4">
            
    </div>
</div>

<div class="sepSt">
    <div class="waper-catalog-row-col-3">
            <span>text</span>            
    </div>
    <div class="waper-catalog-row-col-4">
            
    </div>
</div>

<div class="sepSt">
    <div class="waper-catalog-row-col-3">
            <span>text</span>
    </div>
    <div class="waper-catalog-row-col-4">
            
    </div>
</div>

laimas · #7 (**permalink**) 12.05.2018, 16:38

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

должно вот так получиться

Из чего?

face2005 · #8 (**permalink**) 12.05.2018, 16:48

я выше показывал, дублирую:

<div class="sepSt">
    <div class="waper-catalog-row-col-3">
            <span>text</span>
    </div>
    <div class="waper-catalog-row-col-4">
            <span>другой text</span>
    </div>
</div>

<div class="sepSt">
    <div class="waper-catalog-row-col-3">
            <span>text</span>
    </div>
    <div class="waper-catalog-row-col-4">
            <span>другой text1</span>
    </div>
</div>

<div class="sepSt">
    <div class="waper-catalog-row-col-3">
            <span>text</span>
    </div>
    <div class="waper-catalog-row-col-4">
            <span>другой text2</span>
    </div>
</div>

j0hnik · #9 (**permalink**) 12.05.2018, 16:50

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
</head>
<body>
	<div class="sepSt">
    <div class="waper-catalog-row-col-3">
            <span>text</span>
    </div>
    <div class="waper-catalog-row-col-4">
            <span>другой text</span>
    </div>
</div>

<div class="sepSt">
    <div class="waper-catalog-row-col-3">
            <span>text</span>
    </div>
    <div class="waper-catalog-row-col-4">
            <span>другой text1</span>
    </div>
</div>

<div class="sepSt">
    <div class="waper-catalog-row-col-3">
            <span>text</span>
    </div>
    <div class="waper-catalog-row-col-4">
            <span>другой text2</span>
    </div>
</div>

	<script>
		$('.waper-catalog-row-col-3').each(function(){
			$(this).append($(this).siblings('.waper-catalog-row-col-4').children('span'));
		});

	</script>
</body>
</html>

так?

laimas · #10 (**permalink**) 12.05.2018, 16:52

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

я выше показывал

Выше и то что дублировано по вашему же, это "должно вот так получиться". А если "должно вот так получиться" тоже самое что и исходное состояние, то зачем же что-то переносить?

PS. не на ту пару глядел )

Форум

Справочник

Discord чат

Курсы javascript