除了粗體之外，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