jquery - 删除div后的特定文本

Question

我正在尝试删除 #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>

我的问题是哥斯达黎加和美国不在 <p> 内.

提前致谢。

Answer 1

试试这个(使用内容、过滤器和替换):

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

示例@jsFiddle:http://www.jsfiddle.net/CwTa8/1/