Jquery pas aller chercher « h1 » du texte

Question

J'ai ce code

success: function(data) { 
title = $(data).find('h1').text(); 
alert(data); 
alert(title); 

} 

Maintenant données montre tous les fichiers HTML avec des balises h1, mais le titre montre null

Answer 1

La méthode .find() recherche les éléments descendants, donc si votre élément h1 est au niveau "supérieur", il ne sera pas trouvé. Essayez .filter() à la place:

title = $(data).filter('h1').text(); 

« Fondamentalement, je veux saisir l'h1 et de mettre dans la variable puis mettre le code html restant dans la variable de données »

Étant donné un paramètre data qui est chaîne quelque chose comme ceci:

"<h1>My heading</h1><p>This is a test</p><p>This <span>is another</span> test.</p>" 

Vous pouvez faire ceci:

var $data = $(data), 
    $title = $data.filter("h1"), 
    title = $title.text(); 

$data = $data.not($title); 

Les résultats ci-dessus dans deux objets jQuery: $title, qui contient l'élément h1, et $data, qui contient le reste. De là, vous pouvez utiliser $title.text() pour obtenir le texte actuel de la h1.

démonstration simple: http://jsfiddle.net/yyKCW/

Si vous voulez dire que vous voulez que le "reste html" comme une chaîne alors vous pouvez faire ce qui suit après la mise en $data comme ci-dessus:

var restAsString = $("<div></div>").append($data).html(); 

Demo: http://jsfiddle.net/yyKCW/1/

Answer 2

Si vos données se compose de quelque chose comme:

<h1>heading</h1> 
<p>content</p> 

Ensuite, vous devez l'envelopper avant d'effectuer vos requêtes:

var title = $('<div/>').html(data).find('h1').text(); 
alert(title);