Как переместить объект кликнув на него с помощью jQuery?

Есть два обычных списка:

Первый генерируется автоматически

<pre><code class="html">&lt;ul id=&quot;photos&quot;&gt;
	&lt;li&gt;1&lt;/li&gt;
	&lt;li&gt;2&lt;/li&gt;
&lt;/ul&gt;


и

<ul id="choose"><br>
	<li>1</li><br>
	<li>2</li><br>
</ul><br>


Необходимо что бы при нажатии на <li> </li><br> объект перемещался в другой список.

На сколько понял нужно использовать append, но у меня перемещаются все <li><br>

Как можно это реализовать?
  • Вопрос задан
  • 3144 просмотра
Пригласить эксперта
Ответы на вопрос 2
Fesor
@Fesor
Full-stack developer (Symfony, Angular)
$('#choose, #photos').on('click', 'li', function(){
      var $target;
      if($(this).parents('ul').attr('id')=="photos")
          $target = $('#choose');
      else
          $target = $('#photos');

      $(this).appendTo($target);
    
});
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы