jquery - jquery 中的 .append() 不适用于 div

Question

$(".plp").click(function() {
    var title = $(this).siblings('h2').clone();
    var albom = $(this).siblings('span').clone();
    var image = $(this).siblings('img').clone();
    var price = $(this).siblings('.item_cost,h4').clone();
    $("#cart_added_items").append(image);
    $("#cart_added_items").append(title);
    $("#cart_added_items").append(albom);
    $("#cart_added_items").append(price);

我想将这些变量添加到不同的 div 中。当我写$("#cart_added_items").append("<div>"+image+"</div>");

输出是：[object Object]

Answer 1

image包含一个 jQuery 对象，并且您在字符串连接中使用它，因此它被转换为字符串（并且 object.toString() 为您提供 [object Object]）。

正确的版本是：

$("#cart_added_items").append( $("<div/>").append(image));