Filter strings with jQuery/Javascript

Question

Im trying to use $.get to load pages without reloading the page.

<script>
$('#top_links a').click(function (e) {
    e.preventDefault();
    var link = $(this).attr('href');
    $('#content').empty();


    $.get(link, { }, 
        function(data) {
            $('#content').empty().append(data);
        }
    )
});
</script>

This works but the entire requested page is getting stuffed into #content. Instead of detecting the ajax request and filtering the data on the server-side, I would like to do it client-side. Is there a way to use javascript to effectively filter the string so that I only get certain divs? The content that I want to preserve will all be contained inside of a div called #content ( Im just trying to swap the current page's #content with the requested page's #content).

Community · Accepted Answer · 2017-05-23 10:34:27Z

2

Try load method with loading of page fragments approach:

$("#content").load(link + " #content > *");

Here we can use > * in order to include the inner HTML of the #content block only without surrounding it with <div id="content"></div> (check more information about it here).

edited May 23, 2017 at 10:34

CommunityBot

11 silver badge

answered Jul 3, 2012 at 22:50

VisioN

146k35 gold badges287 silver badges291 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

James Montagne · Accepted Answer · 2012-07-03 22:52:04Z

2

You can manipulate the data returned from get in the same way you do the elements on the page.

For instance:

$('#content').replaceWith($(data).find("#content"));

answered Jul 3, 2012 at 22:52

James Montagne

78.9k14 gold badges115 silver badges132 bronze badges

Collectives™ on Stack Overflow

Filter strings with jQuery/Javascript

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related