Как получить некоторые данные из возвращенного HTML в JQuery

Question

Предположим, я вернул html в переменной data.В этой переменной у меня есть

<h1> Title </h1>

Теперь я хочу взять этот текст Title и удалить <h1> Title </h1> из переменных данных

как я могу добиться этого вJQuery

Answer 1

Вы можете сделать $.parseXML(), чтобы преобразовать строку в документ XML, а затем запустить манипулирование DOM с помощью jQuery

var XML= $.parseXML(data);
var title = $(XML).find('h1').text(); //Get the text inside h1 tags.
$(XML).find('h1').remove(); // Remove the h1 tags 

http://jsfiddle.net/QNnLe/

Answer 2

Вы можете wrap содержимое в фиктивном элементе, получить этот элемент и затем использовать find, чтобы найти содержимое, которое вы ищете:

var data = "<h1> Title </h1>";    
console.log($(data).wrap('<div />').parent().find('h1 ').text()); // Title

var data = "sssssss  <h1> Title </h1> aaaaaaaaaa";    
console.log($(data).wrap('<div />').parent().find('h1').text()); //Title

Обертывание полезно, если data возможно, уже не заключен в элемент.

пример: http://jsfiddle.net/niklasvh/VWnVj/

Answer 3

Или вот так:

data = data.replace(/<\/?[^>]+>/gi, '');

Answer 4

Примерно так:

var title = $(data).text();