javascript - 使用 jquery 隐藏一个列表中的文本值，同时在另一个列表中显示它的值

Question

我正在尝试将一个列表项从一个列表添加到另一个列表。我试图通过将鼠标悬停在每个单独的列表项上并显示“添加到购物车”按钮来完成此操作。我的代码目前的设置方式是，如果我在左侧列表中的任何项目上按“添加到购物车”，则每个项目都将添加到右侧列表中，而只有被选中的项目应该被添加到右侧列表中。

这是我用来抓取文本并将其显示在另一个列表中的当前代码段。我想弄清楚要在此处更改什么以仅显示一个列表项。

$(".items").on("click", ".add-to-cart", function (){
    $(".cart-items").children(".cart").addClass("cart-show");
});

这是整个代码的 fiddle : http://jsfiddle.net/msbpo5yg/

Answer 1

将您的代码更改为

$(".items").on("click", ".add-to-cart", function (){
    $(".cart-items").children('.cart').eq($(this).closest('.list').index()).addClass("cart-show");
});

http://jsfiddle.net/msbpo5yg/4/