Question

在表格中，每行都有一个删除链接。我想添加相同的图像链接。图像仅添加到第一行，而不添加到其余行。这就是我所做的。

$(document).ready(function () {
    $('.isSelected').click(function () {

        var pdtname = $(this).attr('data-productname');

        if ($(this).prop("checked")) {

            $("#result").show();

            if ($(".isSelected:checked").length == 2) {
                $(".isSelected").not(":checked").prop("disabled",true); 
            }
            var table = $('<table></table>').addClass('tfoo').attr("data-productname", pdtname);
            var row = $('<tr></tr>').addClass('rfoo').text(pdtname);

            **var link = $("#imgLogo").wrap('<a href="javascript:void(0);"></a>').addClass('lfoo');**

            row.append(link);
            table.append(row);
            $('#result').append(table);

            $("#result .lfoo").on('click', function () {
                $('input[data-productname="' + $(this).parent().parent().parent().attr("data-productname") + '"]').prop("checked", false);
                $(this).parent().parent().parent().remove();
                 $(".isSelected").not(":checked").prop("disabled",false);
            });


        } else {
            $('table[data-productname="' + pdtname + '"]').remove();
             $(".isSelected").not(":checked").prop("disabled",false);
        }

    });
});

这是图像链接var link = $("#imgLogo").wrap('<a href="javascript:void(0);"></a>').addClass('lfoo');

Link to jsfiddle

Answer 1

看起来你想要这样的东西：http://jsfiddle.net/7kk2b5sp/1/

有更好的方法来改善这一点，但这是另一个问题。对于您所关注的内容，您希望克隆图片并使用class代替id。

的变化：

链接创建js
img html
添加了一些CSS

对表格的每一行使用相同的图像作为链接

1 个答案: