Блог

Главная - Вопросы по программированию - Перемещение Div вверх или вниз

Перемещение Div вверх или вниз

#javascript #jquery

#javascript #jquery

Вопрос:

Доброе утро.

У меня есть сомнения. Кто-нибудь знает, что нужно сделать, чтобы переместить div вниз или вверх?…

Мой пример кода. По div я хочу пропустить up и 3 перед щелчком div, тогда будет 4 div. Кто-нибудь знает, как я могу сделать выбор этого div

 $(".up").click(function(){
  $(this).parent().prev().prev().prev().insertBefore($(this).parent().prev())
});

HTML

  <div class="1" >
     <div class="2">
        <div class="3">
           <div class="4">
              <div class="up">UP</div> 
           </div>
        </div>
     </div>
   </div>
 <div class="1" >
     <div class="2">
        <div class="3">
           <div class="4">
              <div class="up">UP</div> 
           </div>
        </div>
     </div>
   </div>

Я был бы очень благодарен за помощь.

Комментарии:

1. Не хотите также опубликовать какой-нибудь пример HTML? Я (по какой-то причине) чувствую, что удар .prev три раза — не лучший способ обойти это. У меня также нет стопроцентного представления о том, к чему вы здесь клоните.

2. @Brad : не могли бы вы, пожалуйста, перевести вопрос тоже ?! 😉

3. @Брэд Кристи добавляет Html.

4. @user628298: Итак, если я чего-то не упускаю, где .prev().prev().prev() появляются? <div class="4"> не имеет братьев и сестер…

5.@BradChristie: <div class="4"> это родной брат. Я полагаю, что мы пытаемся перемещаться вверх, а не вниз. .prev() === «предыдущий».

Ответ №1:

 $(".up").click(function() {
    $(this).parents(".1").insertBefore($(this).parents(".1").prev(".1"));
});

Комментарии:

1. Спасибо. Подробнее, как мне перейти к div 1 all?. Не только кнопка вверх.

2. @user628298: Вы хотите, чтобы его родительский элемент parent также был включен? Которое в данном случае включало бы <div class="3"> . Если это так, вы можете использовать: $(this).closest(".3").insertBefore($(this).closest(".1"));

3. Как мне подняться на div id = «1». ?

4. div исчезает. не вверх. $(this).closest(«.1»).insertBefore($(this).closest(«.1»));

5. @user628298: Извините, но я не думаю, что понимаю, о чем вы здесь спрашиваете. Не могли бы вы, пожалуйста, попытаться подробно объяснить?