这是一个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。
答案 0 :(得分:1)
好的,所以这是答案的组合。
首先,id不是唯一的,所以我为它们添加了一个后缀:
var z = $(this).parent().attr('id');
$('<p>').attr('id', z+'1' ).text(z).appendTo('#order');'
然后使用了$('#' + z).remove();
的建议,但为我的新后缀更改了它,现在它显示了这个$('#' + z+'1').remove();
现在所有人似乎都在努力,感谢您的帮助。