jQuery in a HTML formatted string

Question

I have some AJAX call like this:

$.ajax({
    type: 'GET',
    url: <some url>,
    dataType: 'html',
    success: function(html){
        // do some jQuery on the response html
        // like this: $('#someDIV').text();
    }
});

The response html likes this:

<html>
<head>
    <!-- header things -->
</head>
    <div id="someDIV">
        content
    <div>
</html>

Can I do the query on that response html without append the code to current page?

If I undestood correctly your question, you can normally do var newHtml = $(html); and manipulate the variable without appending it to the body. — luiscrjr
– luiscrjr, Commented Jan 11, 2017 at 16:49
Please be aware that $(html) will flatten the DOM and remove elements like HEAD and BODY and any SCRIPT tags. — iCollect.it Ltd
– iCollect.it Ltd, Commented Jan 11, 2017 at 16:53

Pranav C Balan · Accepted Answer · 2017-01-11 16:57:31Z

3

Simply wrap by jQuery and do the rest.

var $html = $(html);

edited Jan 11, 2017 at 16:57

answered Jan 11, 2017 at 16:49

Pranav C Balan

115k25 gold badges173 silver badges195 bronze badges

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

Comments

Deep · Accepted Answer · 2017-01-11 16:53:27Z

1

Query the response string to find the div element inside it like below

var response = '<html> <head></head> <div id="someDIV"> content <div> </html>'
console.log($(response).find("div"));

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

answered Jan 11, 2017 at 16:53

Deep

9,7962 gold badges24 silver badges34 bronze badges

Comments

urbz · Accepted Answer · 2017-01-11 17:12:04Z

0

var content = $(dynamichtml);

Later, you can query it.

var item = content.select({jqueryCriteria});

edited Jan 11, 2017 at 17:12

urbz

2,6671 gold badge23 silver badges30 bronze badges

answered Jan 11, 2017 at 16:53

Chetan

6,9314 gold badges24 silver badges33 bronze badges

Collectives™ on Stack Overflow

jQuery in a HTML formatted string

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related