javascript - Jquery 不从文本中获取 'h1'

Question

我有这个代码

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

}

现在数据显示所有带有 h1 标签的 html 但标题显示为空

Answer 1

.find() 方法查找后代元素，因此如果您的 h1 元素位于“顶级”级别，则不会找到它。试试 .filter() 代替:

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

"Basically i want to grab the h1 and put in variable and then put the remaining html in data variable"

给定一个 data 参数，它是一个像这样的字符串:

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

你可以这样做:

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

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

以上结果产生了两个 jQuery 对象:$title，其中包含 h1 元素，以及 $data，其中包含其余元素。从那里您可以使用 $title.text() 获取 h1 的实际文本。

简单演示:http://jsfiddle.net/yyKCW/

如果你的意思是你想要“剩余的 html”作为一个 string 那么你可以在设置 $data 之后执行以下操作:

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

演示:http://jsfiddle.net/yyKCW/1/