jQuery selecting element from string

Question

I am working on an ASP.NET page. I am making AJAX requests when displaying some pages and it returns a string like '<html><head>......</head></html>'. I am setting this string as an inner html of an element to display content. All I want to do is select and append only one element and it contents from string. is it possible ? Sample:

string :

<html><head></head><body><div id='page'>CONTENTS ARE HERE </div></body></html>

element I want to select : <div id="page">CONTENTS ARE HERE </div>

Is there any way to do this by using jQuery or any other way ? thank you very much.

Felix Kling · Accepted Answer · 2011-04-28 10:31:19Z

2

You can do this easily with .load():

The .load() method, unlike $.get(), allows us to specify a portion of the remote document to be inserted. This is achieved with a special syntax for the url parameter. If one or more space characters are included in the string, the portion of the string following the first space is assumed to be a jQuery selector that determines the content to be loaded.

$('#target').load('<url here> #page');

answered Apr 28, 2011 at 10:31

Felix Kling

820k181 gold badges1.1k silver badges1.2k bronze badges

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

Comments

Kokos · Accepted Answer · 2011-04-28 10:30:24Z

0

Why not simply have the request only return what you want to output? It makes no sense to use jQuery to format the return output instead of doing this in the file that provides the output.

answered Apr 28, 2011 at 10:30

Kokos

9,1715 gold badges29 silver badges45 bronze badges

Collectives™ on Stack Overflow

jQuery selecting element from string

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related