Как передать всю Ли из списка unorder в Див кроме щелкнули литий

голоса
-2

У меня есть элемент списка

<ul class=menu>

  <li> LIST 1 </li>
  <li> LIST 2 </li>
  <li> LIST 3 </li>

</ul>

<div class=append_li></div>

Поэтому предположим , когда я нажимаю на <li>LIST 1</li>оставшиеся Ли с тегами должны получить добавляются в сНу тег , но не нажал Ли, так как сделать это с помощью JQuery

Задан 19/09/2018 в 13:21
источник пользователем
На других языках...                            


2 ответов

голоса
0

Вы можете использовать, как это:

$('.menu li').click(function (){
   $(this).siblings('li').clone().appendTo('.append_li')
});

ИЛИ Как это

$('.menu li').click(function (){
   $(this).siblings('li').appendTo('.append_li')
});
Ответил 20/09/2018 d 05:59
источник пользователем

голоса
0

Вы можете использовать JQuery .clone()для этой цели:

$(document).ready(function(){
  $('li').click(function(){
     //$('.append_li').html('');
     $('.append_li').html($('li').not($(this)).clone());
  });
});

Работа сниппет:

$(document).ready(function(){
  $('li').click(function(){
     //$('.append_li').html('');
     $('.append_li').html($('li').not($(this)).clone());
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="menu">

<li> LIST 1 </li>
<li> LIST 2 </li>
<li> LIST 3 </li>

</ul>

<div class="append_li"></div>

Примечание: Если вы хотите заменить данные внутри<div>вместо Append , добавьте ниже строки в кодепрежде чем.clone()линии

$('.append_li').html('');

Важно: - Что каждый-один говорит о недействительных HTML, Вы можете преодолеть на эту проблему, выполнив ниже код :

$(document).ready(function(){
    $('li').click(function(){
   $('.append_li').html('');
   $('.append_li').html($("ul.menu").clone().find('li:eq('+ $(this).index() +')').remove().end());
  })
})

Выход: http://jsfiddle.net/0mz9s8ng/

Ответил 19/09/2018 d 13:31
источник пользователем

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more