Hvordan passere alle li fra unorder liste til div unntatt klikket li

stemmer
-2

Jeg har listeelement

<ul class=menu>

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

</ul>

<div class=append_li></div>

Så antar at når jeg klikker på <li>LIST 1</li>gjenværende li med kodene skal bli lagt i div tag, men ikke klikket li, så hvordan du gjør dette ved hjelp av jQuery

Publisert på 19/09/2018 klokken 13:21
kilden bruker
På andre språk...                            


1 svar

stemmer
0

Du kan bruke jQuery .clone()for dette formålet:

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

Arbeide tekstutdrag:

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

Merk: Hvis du ønsker å erstatte data i<div>stedet for append , og deretter legge under linjen i koden før.clone()linjen

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

Viktig: - Hva hver-man snakker om ugyldig HTML, kan du overvinne på det problemet ved å gjøre under kode :

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

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

Svarte 19/09/2018 kl. 13:31
kilden bruker

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