移除& lt; p>元素
Removing <p> element with 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。
好吧,这是一个组合的答案在这里。
首先,这些id不是唯一的,所以我给它们添加了一个后缀:
var z = $(this).parent().attr('id');
$('<p>').attr('id', z+'1' ).text(z).appendTo('#order');'
然后使用$('#' + z).remove();
的建议,但将其更改为我的新后缀,所以现在显示的是$('#' + z+'1').remove();
现在一切正常,谢谢你的帮助。
相关文章:
- Jquery移除或更改JSON根元素
- jquery从另一个元素中移除移除
- 动画制作/减缓元素填充移除元素留下的空间
- Jquery移除元素
- 添加animate.css类,然后使用remove移除元素
- 如何用d3有条件地移除元素
- AngularJS ng-if指令在移除元素之前,即使条件为false,也会短暂呈现
- 带有元素移除的Javascript remove-click事件
- Jquery从元素中移除第n个类
- 移除/阻止将来在DOM中加载元素
- 从OL中移除LI元素
- 如何通过Javascript动态移除表单元素
- 如果元素被移除,是否不需要中断setInterval
- 如果移除并重新添加DOM元素,则ng单击绑定丢失
- 移动|克隆元素并从原始位置移除
- 单击元素时移除类并添加类
- Html嵌套元素移除类
- 元素移除后的jQuery焦点
- 当多个元素移除一个特定的类时,改变innerHTML
- 从输入元素移除焦点,以便可以使用箭头键滚动页面