如何从列表中选择任何项目并将其添加到不同的div

Question

我有一个包含12个项目的块。考虑每个项目div，我在p标记中有一个图片和标题。

就像点击项目时需要将目标添加到不同的块一样。点击后，目标/项目应添加到另一个列表中，右端有一个关闭图标，点击的项目应该变为推子，即不透明度应降低到50％。

用户应该能够点击任何目标/项目，并根据这些项目应该添加到其他区块，就像我们在网上购物中添加到购物车一样。如何使用jQuery做到这一点？

Answer 1

如果没有看到您尝试过的代码，请点击我对您的问题的解释：

HTML

<ul>
    <li class="clickme">Item</li>
    <li class="clickme">Item</li>
    <li class="clickme">Item</li>
</ul>

<div class="shoppingcart"></div>

的jQuery

$('clickme').click(function(){
    $('.shoppingcart').append(/*all the HTML you need for your item*/);
});

所以这是基本概念。如果您需要更详细的答案，请更加具体地提出您的问题，并添加一些您尝试过的代码。