Получить значение div из строки

Question

У меня есть следующая строка

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

как получить пример и протестировать содержимое с помощью jQuery.

Answer 1

Вам необходимо преобразовать текст в объект jQuery, а затем использовать стандартные методы обхода

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'

демо на http://jsfiddle.net/gaby/FJSm6/

---

Как вы видите, я установил строку как HTML другого элемента, потому что в противном случае элементы div были бы на верхнем уровне, и вы не смогли бы пройти их с помощью .find() ..

Answer 2

Вы всегда можете создать min-DOM (если хотите), передав верный HTML в jQuery:

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

так:

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

Answer 3

Самый простой способ - сохранить содержимое в переменной var и работать с ним:

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

Вы также можете получить содержимое с помощью .html (), если вы хотите также захватить теги html, еслинеобходимо.