Comment passer tous les li de la liste UNORDER à l'exception div li cliqué

voix
-2

J'ai élément de la liste

<ul class=menu>

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

</ul>

<div class=append_li></div>

Ainsi , supposons que lorsque je clique sur <li>LIST 1</li>restant li avec les balises doivent se joint dans la balise div mais pas cliqué li, alors comment le faire en utilisant jQuery

Créé 19/09/2018 à 13:21
source utilisateur
Dans d'autres langues...                            


2 réponses

voix
0

Vous pouvez utiliser comme ceci:

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

OU Vous aimez cette

$('.menu li').click(function (){
   $(this).siblings('li').appendTo('.append_li')
});
Créé 20/09/2018 à 05:59
source utilisateur

voix
0

Vous pouvez utiliser jQuery .clone()à cet effet:

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

extrait de travail:

$(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>

Remarque: Si vous souhaitez remplacer les donnéesintérieur<div>lieu de append , puis ajoutezligne cidessous dans votre code avant.clone()ligne

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

Important: - Ce que tout-on parle HTML sur les invalides, vous pouvez surmonter à ce problème en faisant ci - dessous le code :

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

Sortie: http://jsfiddle.net/0mz9s8ng/

Créé 19/09/2018 à 13:31
source utilisateur

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