我需要将数据发布到 php 页面,然后我想获取响应中某个 div 的文本,但我似乎无法正确设置。我不太擅长 jQuery,但我通常可以很快地解决问题...我已经尝试了一分钟并尝试了我发现的所有内容...我想我只是缺少正确的东西组合。
$.post("process.php", data , function (response) {
var w = window.open();
$(w.document.body).html(response);
console.log(typeof response); // yeilds string
//create jquery object from the response html
// var $data = $(response); // yeilds Uncaught Error: Syntax error, unrecognized expression: + whole html text
var success = $($.parseHTML(response)).find("#success");
console.log('success');
console.log(success); // see screenshot
console.log(success.text()); // yields nothing
console.log(success.val()); // yields undefined
// if (window.focus) {w.focus()};
},'html');
这是 console.log(success);
的输出,红色框是我想要的响应...
![这张照片看起来真的很小...我制作的时候并没有那么小。我希望它仍然可读][1]
这样做是这样的:
var success = $(response).find("#success");
console.log('success');
console.log(success); // yeilds Uncaught Error: Syntax error, unrecognized expression: + whole html text in red
响应是...
<html><head>
<style>
div.totals {
font-family:calibri; font-size:.9em; display:inline-block;
border-width: 2px; border-style: solid; border-color: #FFD324;
background-color: #FAF5D7; color: #514721;
width: 500px;
}
div.error_invalid {
font-family:calibri; font-size:.9em; display:inline-block;
border-width: 2px; border-style: solid; border-color: #9999CC;
background-color: #EEEEFF; color: #7979B8;
}
</style>
</head>
<body>
<div class="totals">Total new rows added: 0 out of 0<br/></div>
<br/><br/>
<div class="totals">Total updated rows: 0 out of 0 <br/></div>
<div id="success">true</div>
</body></html>
我尝试删除样式部分,并添加了 html、head 和 body 标签,希望它会有所帮助......意思是,如果响应仅包含三个 div,我也会遇到同样的问题。
最佳答案
注意到所有元素如何位于同一级别吗?您需要使用 .filter()
将当前选择范围缩小到该选择中的单个元素,.find()
将查看当前选择的后代.
var success = $($.parseHTML(response)).filter("#success");
console.log(success); // div#success
关于jquery - 使用 jQuery 在 AJAX 响应中按 ID 查找元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16240436/