除了粗体之外，Jquery删除所有内容

Question

我有这样的HTML：

<div id="divTestArea1">
    <b>Bold text</b>
    <i>Italic text</i>
    <div id="divTestArea2">
            <b>Bold text 2</b>
            <i>Italic text 2</i>
            <div>
                    <b>Bold text 3</b>
            </div>
    </div>

我想删除所有非粗体的元素。 我试过这段代码：

$('*:not(b)').remove();

以及其他一些变化，但它们都会出错或删除所有内容。 顺便说一下，jquery选择器和jsoup选择器是否100％兼容？ 我也想在jsoup中使用这个答案。

Answer 1

您当前的代码删除了文档<body>以及包含<b>标记的所有<div> 。 如果您只想保存粗体文本，那么Shih-En Chou的解决方案效果很好。 如果你想保存<b>标签所在的<div>结构，你可以这样做：

$("body *:not(div, b)").remove();

DEMO

Answer 2

我的解决方案

我克隆<b>并将其保存到内存中。 - >全部删除 - >将<b>插入<body>

这是我的代码： http ： //jsfiddle.net/sechou/43ENq/

$(function(){
   var tmpB = $("b").clone();
   $('body').remove();
   $("body").append(tmpB);
});

Answer 3

移动#divTestArea2所有元素，因为它是div ，也将被删除到#divTestArea1 ，然后过滤掉任何不是<b>并将其删除：

$("#divTestArea1").append($("*", "#divTestArea2")).find('*').filter(function() {
    return this.tagName !== 'B';
}).remove();

小提琴

上面保持#divTestArea1元素完整，删除除<b>元素之外的所有元素，如：

$('body').append($('b')).find('*').not('b').remove();

小提琴

Answer 4

我更喜欢.detach() 。

var $body = $("body");
var $b = $("b", $body).detach();
$(":not(b)", $body).remove();
$body.append($b);

这样您就不需要移动或克隆任何东西来克服删除包裹<b/>元素的对象的问题。

（演示）

Answer 5

试试这个：

// Find all the <b> tags and unwrap them so they all become siblings and finally 
// remove non <b> siblings
$('body').find('b').unwrap().siblings('*:not(b)').remove();

演示： http ： //jsfiddle.net/3f2Hu/

除了粗体之外，Jquery删除所有内容

问题描述

5 个解决方案

解决方案1
5 已采纳 2012-08-17 05:56:29

解决方案2
3 2012-08-17 05:51:52

解决方案3
2 2012-08-17 06:05:14

解决方案4
2 2012-08-17 06:13:25

解决方案5
1 2012-08-17 06:07:11

除了粗体之外，Jquery删除所有内容

问题描述

5 个解决方案

解决方案1 5 已采纳 2012-08-17 05:56:29

解决方案2 3 2012-08-17 05:51:52

解决方案3 2 2012-08-17 06:05:14

解决方案4 2 2012-08-17 06:13:25

解决方案5 1 2012-08-17 06:07:11

解决方案1
5 已采纳 2012-08-17 05:56:29

解决方案2
3 2012-08-17 05:51:52

解决方案3
2 2012-08-17 06:05:14

解决方案4
2 2012-08-17 06:13:25

解决方案5
1 2012-08-17 06:07:11