Home/ Questions/Q 8396533
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-09T20:33:40+00:00

I have html like this: <div id=divTestArea1> <b>Bold text</b> <i>Italic text</i> <div id=divTestArea2> <b>Bold

  • 0

I have html like this: 

<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>

and I would like to remove all elements that aren’t bold. I’ve tried with this code:

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

and a couple other variations but they all either error out or remove everything. btw, are jquery selectors and jsoup selectors 100% compatible? I’d like to use the answer to this in jsoup as well.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Your current code removes the document <body> as well as all <div>s which contain the <b> tags. If you only want to save the bold text then Shih-En Chou’s solution works well. If you want to save the <div> structure that the <b> tags are in as well you could do this:

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

    DEMO

    • 0