Extracting html element from string

Question

I have some XML string output which looks like the following:

<xml>
<node>
<Title name="Title">Tea and Coffee</Title>
<Menu-Item name="Menu-Item">
<div class="field-item field-item-0">Freshly brewed fairtrade filter coffee and a selection of fairtrade tea and herbal infusions</div><div class="field-item field-item-1">Ut laoreet porta tellus, ut pellentesque ipsum dictum metus.</div>
</Menu-Item>
</node>
</xml>

The next thing I need to do is extracting the 'div' elements and casting them so I can use them as jquery objects as normal.

Any ideas?

Where exactly is your problem? Do you not know how to select anything from xml? do you not know how to convert the xml node you are getting into a jquery object? You might want to clarify exactly where you've got to and where you are stuck... — Chris
– Chris, Commented Jun 15, 2011 at 13:04
Are you calling this XML with AJAX? Is the code already on the page? Standard jQuery would be var div = $('.field-item'); — Seth
– Seth, Commented Jun 15, 2011 at 13:06
Yes I am using ajax to shift through the xml output. I am doing the following <code>$($menuitem).each( function(){ alert('Found : ' + $($menuitem).text() ); } );</code> but I get the content of both 'divs' concatenated into one. I wonder if there is a way to retrieve the content as div elements so I can refer to them as jquery object? — sisko
– sisko, Commented Jun 15, 2011 at 13:11

Roland Mai · Accepted Answer · 2011-06-15 13:13:54Z

3

Let us say you have this as a text string in a variable named myxml. Then you read it with jquery, as follows:

$(myxml).find('div').each(function() { alert($(this).text()); })

The alert is only meant to show how you can get the inner text. Here's a post that can help you with more examples: reading-xml-with-jquery

answered Jun 15, 2011 at 13:13

Roland Mai

31.2k8 gold badges58 silver badges61 bronze badges

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

Comments

Petah · Accepted Answer · 2011-06-15 13:17:23Z

1

$('<xml>'+
    '<node>'+
    '<Title name="Title">Tea and Coffee</Title>'+
    '<Menu-Item name="Menu-Item">'+
        '<div class="field-item field-item-0">Freshly brewed fairtrade filter coffee and a selection of fairtrade tea and herbal infusions</div><div class="field-item field-item-1">Ut laoreet porta tellus, ut pellentesque ipsum dictum metus.</div>'+
    '</Menu-Item>'+
    '</node>'+
'</xml>').find('div').appendTo('body');

See it in action: http://jsfiddle.net/EhQKv/

answered Jun 15, 2011 at 13:17

Petah

46.2k30 gold badges161 silver badges216 bronze badges

Collectives™ on Stack Overflow

Extracting html 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