ajax怎么請(qǐng)求指定元素？

如何使用AJAX請(qǐng)求網(wǎng)頁(yè)上指定元素？
我使用

$.get($(this).attr('href'), function (data) {
    var result = $(data).find('#content');
    console.log($(data));
    content.html(result);
});

這樣的寫(xiě)法
獲取到的data是這樣的：

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta name=viewport content="width=devide-width,initial-scale=1.0,user-scalable=0">
<meta name="author" content="lcz970" />
<meta name="Copyright" content="Copyright lcz970 All Rights Reserved." />
</head>
<body>
<div id="content" class="content">
<div id="userbar" class="videotitle" style="background-color:#D04D74;font-size:16px;">
<form name="input" method="get">
<p class="userbarcontent">獲取新視頻：h<input type="tel" id="hid" name="hid" placeholder="C站投稿號(hào)(只填寫(xiě)“h”后面的數(shù)字)" oninput="value=decodeURIComponent(value).replace(/[^\d]/g,'')" style="width:220px;ime-mode:Disabled"> <input type="submit" value="解析" onclick="gohid();return false;"></p></form></div><br/>
<div style="padding-left:10px">在上面輸入c站h號(hào)，或復(fù)制c站頁(yè)面地址，然后點(diǎn)擊“解析”。<br/><br/><p style="font-size:12px;color:#555;">不點(diǎn)擊輸入框也可以輸入</p>
</div>
<input type="button" onclick="location.href='all.php';" style="margin-left:25px" value="看看緩存視頻列表">
</div>
<div style="display:none"><script src="http://s95.#/z_stat.php?id=1256854279&web_id=1256854279" language="JavaScript"></script></div>
</body>
</html>

在控制臺(tái)輸出的返回值$(data)中會(huì)包含 div#content.content，但實(shí)際是取不到的輸出 $(data).find('#content') 的結(jié)果是length為0
content變量是一個(gè)div元素

這邊是$data

0
:
text
1
:
meta
2
:
text
3
:
meta
4
:
text
5
:
meta
6
:
text
7
:
meta
8
:
text
9
:
meta
10
:
text
11
:
meta
12
:
text
13
:
link
14
:
text
15
:
link
16
:
text
17
:
title
18
:
text
19
:
style
20
:
text
21
:
script
22
:
text
23
:
div#content.content
24
:
text
25
:
div
26
:
text
length
:
27
__proto__
:
Object(0)

回答

編輯回答

近義詞

得看返回的內(nèi)容是不是完整的 HTML，有可能在 $(data) 的時(shí)候解析錯(cuò)誤。看到返回的結(jié)果，我覺(jué)得應(yīng)該是類似的問(wèn)題，建議你把 <body></body> 以外的部分過(guò)濾掉試試。

2017年5月14日 05:42

編輯回答

嘟尛嘴

我一比較喜歡這樣處理

const $data = $(data);
let content = $data.filter("#content");
if (!content.length) {
    content = $data.find("#content");
}

當(dāng)然，如果確定 #content 是 data 的根級(jí)，直接用 $data.filter("#content") 就好。如果確定是子孫級(jí)，$data.find("#content") 就好。不確定的情況才需要上面那樣。

2017年1月9日 05:32

編輯回答

囍槑

$.get($(this).attr('href'), function (data) {
    var html=$("<code></code>").append(data);
    var result = html.find('#content');       
    content.html(result);
});

2017年2月22日 21:30