使用jQuery删除<p>元素</p>

时间:2013-03-05 13:22:16

标签: javascript jquery

这是一个jQuery函数,用于确定表中图像的类并相应地执行操作。如果图像父级没有类selected,则为其提供该类,然后将td id添加到div(顺序)。如果它具有类selected,则应删除它所执行的类,然后删除包含td id的p元素。

$(document).ready(function () {
    $('td img').click(function () {
        if ($(this).parent().hasClass('x')) {
            alert("Seat " + ($(this).parent().attr("id")) + " is taken");
        } else if ($(this).parent().hasClass('selected')) {
            $(this).attr('src', 'images/a.gif');
            $(this).parent().removeClass('selected');
            var z = $(this).parent().attr('id');
            $(z).remove();
            return false;
        } else {
            $(this).attr('src', 'images/c.gif');
            $(this).parent().addClass('selected');
            alert($(this).parent().attr("class"));
            var z = $(this).parent().attr('id');
            $('<p>').attr('id', z).text(z).appendTo('#order');
            return false;
        };
    });
});

在删除p元素之前,它一直工作,但它不会。 p id是动态设置的,与td id相同,因此使用变量来选择id。

1 个答案:

答案 0 :(得分:1)

好的,所以这是答案的组合。

首先,id不是唯一的,所以我为它们添加了一个后缀:

var z = $(this).parent().attr('id'); $('<p>').attr('id', z+'1' ).text(z).appendTo('#order');'

然后使用了$('#' + z).remove();的建议,但为我的新后缀更改了它,现在它显示了这个$('#' + z+'1').remove();

现在所有人似乎都在努力,感谢您的帮助。