jQuery on click将div添加到 'list'的前面

Question

我有几个 div 在页面上显示“inline-block”。它们按类别分组，例如类别 1 中的 4 个 div(均具有类 .category1)、类别 2 中的 3 个 div(均具有类 .category2)和类别 3 中的 5 个 div(均具有类 .category3)。我也有所有类别的链接。我想做的是，当您单击链接时，该类别中的 div 将全部移动到“列表”的前面....当您继续单击不同的类别链接时，依此类推。

到目前为止，我已经让 div 从它们所在的位置消失了，但是我怎样才能让它们重新出现在我的列表的前面呢？

$('li.menu_category1').click(function(){
$('.category1').css("display","none");
});

Answer 1

您应该能够使用 jQuery prepend()功能:

$('li.menu_category1').click(function(){
    $('.category1').parent().prepend($('.category1'));
});

prepend() 和 append() 将移动现有元素。

你也应该能够改进这段代码，但我不能不了解你的代码和 html。