Get div value from a string

I have the following string

str ='<div id="example">Text</div><div id="test">Test</div>';

how can I get the example and test content with jQu开发者_高级运维ery.

---

You need to convert the text to a jQuery object and then use standard traversing methods

str ='<div id="example">Text</div><div id="test">Test</div>';
var live_str = $('<div>',{html:str});

var example = live_str.find('#example').text();
// example variable now holds 'Text'

var test = live_str.find('#test').text();
// example variable now holds 'Test'

demo at http://jsfiddle.net/gaby/FJSm6/

---

As you see i set the string as the html of another element, because otherwise the divs would be at the top level and you would not be able to traverse them with .find()..

---

You can always create min-DOMs (if you wish) by passing a valid HTML to jQuery:

$(str).wrap('<p>').parent().find('div').text();

so:

var textContent = $(str).wrap('<p>').parent().find('#example').text();
var testContent = $(str).wrap('<p>').parent().find('#test').text();

---

The easiest would be to store the content in a var and work with that:

var example = $('#example').text(), test = $('#test').val();

You can also get the contents using .html() if you would like to also grab the html tags if necessary.