ansaurus

Question

How to remove everything from body apart of one tag with perticular class with jQuery?

Answer 1

A:

I can't think of any way of doing this. I think a better option would be either grab or code the values of the 2 links in JS, remove everything inside the body and then add the links back in. Maybe not the most efficient, but usually people don't remove everything inside a body tag either.

Another option is to add a tag around everything else within the body tag (if you page structure is as simple as your example in the question). This tag doesn't need to be a formatting tag, but could be a span with an ID. In this case you'd just remove everything inside this tag.

Darryl Hein 2009-10-28 00:29:44

Answer 2

+3 A:

Not sure if this will work, but worth a try?

<script type="text/javascript>
$(document).ready(function() {

    // obtain list of links
    var a = [];
    $('a.avatar_user_name').each(function(i,e) {
        a[i] = $(this).attr('href');
    });
    // build up a new page
    $('body').empty();
    for (var i = 0, j = a.length; i < j; i++) {
        $('body').append('<p>' + a[i] + '</p>');
    } 
});
</script>

Let us know if this works, I'd be curious if it does! Good luck!

Funka 2009-10-28 00:35:39

Wow, I'm truly amazed. This works perfectly! Thank you so much!

Dom 2009-10-28 00:38:05

Nice - didn't know about the empty method. I was thinking about posting an answer using the not selectors and the remove method - this is much better than that would have been.

David Hall 2009-10-28 01:10:40

ansaurus

tags:

views:

answers:

How to remove everything from body apart of one tag with perticular class with jQuery?

related questions