Jquery – 在追加后执行回调

$('a.ui-icon-cart').click(function(){
         $(this).closest('li').clone().appendTo('#cart ul');
  });

jQuery的 .each()接受一个回调函数，并将其应用于jQuery对象中的每个元素。

想象这样的：

$('a.ui-icon-cart').click(function(){
  $(this).closest('li').clone().appendTo('#cart ul').each(function() {
    $(this).find('h5').remove(); 
    $(this).find('img').css({'height':'40px','width':'40px'});
    $(this).find('li').css({'height':'60px','width':'40px'});
  });
});

你也可以只存储结果，并改为：

$('a.ui-icon-cart').click(function(){
  var $new = $(this).closest('li').clone().appendTo('#cart ul')
  $new.find('h5').remove(); 
  $new.find('img').css({'height':'40px','width':'40px'});
  $new.find('li').css({'height':'60px','width':'40px'});
});

我还建议，而不是mofiying CSS像你只是添加一个类到您克隆的li喜欢这样：

$(this).closest('li').clone().addClass("new-item").appendTo('#cart ul');

然后设置一些样式：

.new-item img,.new-item li { height: 40px; width: 40px; }
.new-item h5 { display: none }