Jquery 删除div后面的特定文本

我正在尝试删除box01和box02 div之后的文本哥斯达黎加、美国

<div id="box01">

  Costa Rica

  <div>100 percent</div>

<div>

<div id="box02">

  United States

  <div>99 ballons</div>

<div>

制作：

<div id="box01">

  <div>100 percent</div>

<div>

<div id="box02">

  <div>99 ballons</div>

<div>

我的问题是哥斯达黎加和美国不在a之内

---

提前谢谢。

我没有看到任何答案，所以我会给你我能想到的，即使它不漂亮。您可以使用$'divbox01.html获取div内容。您可以使用类似regex replace的方法更改该字符串，然后调用$'divbox01'.replaceWithNewContentYoujustMake

---

它不漂亮，但它会起作用。

我看不到任何答案，所以我会给你我能想到的，即使它不漂亮。您可以使用$'divbox01.html获取div内容。您可以使用类似regex replace的方法更改该字符串，然后调用$'divbox01'.replaceWithNewContentYoujustMake

---

它不漂亮，但会起作用。

如果您只希望div位于子对象中，那么这将在不使用正则表达式的情况下起作用，因为内容已经存在。您可以循环查看ID列表

$(document).ready(function() {
    $('#box01').replaceWith($('#box01').children());
    $('#box02').replaceWith($('#box02').children());
});

---

如果您只希望div位于子对象中，那么这将在不使用正则表达式的情况下工作，因为内容已经存在。您可以循环查看ID列表

$(document).ready(function() {
    $('#box01').replaceWith($('#box01').children());
    $('#box02').replaceWith($('#box02').children());
});

---

尝试此操作使用内容，筛选并替换为：

$(function () {
    $("#box01, #box02").contents().filter(function () {
        return this.nodeType != 1;
    }).replaceWith("");
});

---

Sample@jsFiddle:

尝试使用内容、过滤器和替换：

$(function () {
    $("#box01, #box02").contents().filter(function () {
        return this.nodeType != 1;
    }).replaceWith("");
});

---

Sample@jsFiddle:

修改Cybernate的解决方案，使其适用于所有包含ID内“box”的div

$(function () {
    $("div[id*=box]").contents().filter(function () {
        return this.nodeType != 1;
    }).replaceWith("");
});

---

修改Cybernate的解决方案，使其适用于所有包含“box”内部ID的div

$(function () {
    $("div[id*=box]").contents().filter(function () {
        return this.nodeType != 1;
    }).replaceWith("");
});

---

然后把它们放在一个标签里。还有没有其他直接是你盒子里的孩子的文本你想保留？我问了一个非常类似的问题，得到了一个非常好的答案：谢谢，但我不想把这些结果放在一个p标签里，因为它们是核心API的一部分，不是我管理的。然后将它们放在一个标记中。是否还有其他文本是您要保存的框的子项？我问了一个非常类似的问题，得到了一个非常好的答案：谢谢，但我不想将这些结果放在一个p标记中，因为它们是不是由我管理的核心API的一部分。这将删除框本身，这可能是不受欢迎的。这将删除框本身，这可能是不受欢迎的。