Question

我有一张带有汽车模型的桌子。当用户点击汽车时，所选汽车将显示在表格下方的列表中。现在，我希望当用户再次点击汽车时，它会从列表中删除。

Answer 1

您是否尝试过使用remove()？

//DONNO WHAT TO PUT
$(this).remove();

<强>更新

考虑到非动态表结构，您可以使用index()来唯一地安全地精确定位行。将它与id结合（最好以唯一的字符串开头，以免与页面的其余部分冲突，如list_）和remove（），你应该得到所需的效果。

这是fork of your code。

Answer 2

你走了！

我在你要添加到行元素的链接中添加了一个引用，因此你可以检查并删除它：

function colorStay(){
    $(this).css('background-color','red');
    $(this).unbind('mouseover', changeColor);
    $(this).unbind('mouseout', removeColor);

    $('#stay').css({
        paddingTop:15,
        fontSize:22
    });
    var staylink = $("<a id='"+ $(this).find(':last').text() +"' href='http://www.google.ca'>"+ $(this).find(':last').text() +"</a><br />");
    $('#stay').append(staylink);
    $(this)[0].staylink = staylink;

}

function remove(){
    $(this).css('background-color','white');
    $(this).bind('mouseover', changeColor);
    $(this).bind('mouseout', removeColor);

    //DONNO WHAT TO PUT
    if($(this)[0].staylink){
        $(this)[0].staylink.remove();
        $(this)[0].staylink = false;

    }
}

从列表中删除项目（JQuery）

2 个答案:

这是fork of your code。