Jquery remove everything except for bolded
Question
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.
5 answers
solution1
5 ACCPTED 2012-08-17 05:56:29
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();
solution2
3 2012-08-17 05:51:52
My solution:
I clone <b> and save it into memory. ->Remove all -> insert <b> into <body>
here is my code: http://jsfiddle.net/sechou/43ENq/
$(function(){
var tmpB = $("b").clone();
$('body').remove();
$("body").append(tmpB);
});
solution3
2 2012-08-17 06:05:14
Move all elements in #divTestArea2 as it is a div and will be removed as well to #divTestArea1 , then filter out anything that is'nt a <b> and remove it :
$("#divTestArea1").append($("*", "#divTestArea2")).find('*').filter(function() {
return this.tagName !== 'B';
}).remove();
The above keeps the #divTestArea1 element intact, to remove everything but the <b> elements, something like :
$('body').append($('b')).find('*').not('b').remove();
solution4
2 2012-08-17 06:13:25
solution5
1 2012-08-17 06:07:11
Try this:
// 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();
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.