Cómo pasar toda li de la lista unorder a DIV excepto li hecho clic

votos
-2

Tengo elemento de la lista

<ul class=menu>

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

</ul>

<div class=append_li></div>

Así que supongamos que cuando hago clic en <li>LIST 1</li>restante li con las etiquetas deben quedar anexado en la etiqueta div, pero no se hace clic li, así como hacer esto usando jQuery

Publicado el 19/09/2018 a las 13:21
fuente por usuario
En otros idiomas...                            


2 respuestas

votos
0

Se puede utilizar la siguiente manera:

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

O así

$('.menu li').click(function (){
   $(this).siblings('li').appendTo('.append_li')
});
Respondida el 20/09/2018 a las 05:59
fuente por usuario

votos
0

Puede usar jQuery .clone()para este propósito:

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

fragmento de trabajo:

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

Nota: Si desea reemplazar los datos en el interior<div>en lugar de datos anexados , a continuación, añadir debajo de la línea en el código antes de.clone()la línea

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

Importante: - Lo que cada uno habla acerca de HTML no válido, puede superar a ese problema haciendo por debajo de código :

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

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

Respondida el 19/09/2018 a las 13:31
fuente por usuario

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