代码之家 › 专栏 › 技术社区 › Umair Ayub

从变量中存储的DIv中删除具有特定ID的DIv

css html jquery javascript

Umair Ayub · 技术社区 · 9 年前

当管理员更改订单状态时 #shipping_addr_detail_div 发送到服务器并通过电子邮件发送给客户。

有一个DIV #dont_show_in_email 在…内 #发货_addr_detail_div .

我正在发送的标记 #发货_addr_detail_div 在服务器端,但我不想 #不显示邮件 在这里面。

这是我的一个尝试

    var shipping_addr_detail_div = $("#shipping_addr_detail_div").html();

    shipping_addr_detail_div.find("#dont_show_in_email").remove();

这给我带来了错误 TypeError: order_items_detail.find is not a function

我知道我可以用 $("#shipping_addr_detail_div #dont_show_in_email").remove() 但它也会从浏览器中的HTML页面中删除。

准确地说:

去除 #不显示邮件 从存储在 shipping_addr_detail_div 变量,但不删除 #不显示邮件 从浏览器中显示的页面

2 回复 | 直到 9 年前

Milind Anantwar 9 年前

要获取不含子元素的元素的html:

$("#shipping_addr_detail_div").clone()
        .find('#dont_show_in_email')
        .remove()
        .end().html()

Working Demo

以下是它的工作原理:

-克隆元素

-查找并删除不需要的元素

-使用 .end() 结束当前链中最近的筛选操作并将匹配元素集合返回到其先前状态。即 #shipping_addr_detail_div 在你的情况下

-获取元素的html

Anatoli 9 年前

在这个例子中,有一件重要的事情你需要改变。

你的前任: $("#shipping_addr_detail_div").clone().find("#dont_show_in_email").remove();

正确的示例: var searchVar=$(“#shipping_addr_detail_div”).clone(); searchVar.find(“#dont_show_in_email”).remove();

在第一个例子中,问题是移除。您将在结果“dont_show_in_email”中看到。在第二个示例中,结果是id为shipping_addr_detail_div的元素,没有元素“dont_show_In_email”。

或者你可以使用“Satpal”的代码。

推荐文章

YunusoviÄ · 我无法用css更改html段落颜色

1 年前

Blake · 无法使用CSS旋转Angular 15中的字体图标

1 年前

Maarten -Monica for president · 将图像放在锚点标记内时调整网格中的图像大小

1 年前

Phil Lucks · 如何制作边界的外半径?

1 年前

roy_meir · 创建自定义下拉式元素

1 年前

Community wiki · 如何为触摸设备优化网站

1 年前

Paras Chandravanshi · 为什么<ul>没有从其父<p>元素继承?

1 年前

tpetzoldt · 如何在有光泽的情况下抑制图像的抗锯齿?

1 年前

boyenec · 反应如何将css样式应用于我从api respose获得的页面的spcifc部分

1 年前

manofconstsorrow · 点击导航项目关闭汉堡菜单

1 年前