我需要将数据发布到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);红色框是我想要的响应…
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()而是查看当前选择范围的后代。
.filter()
.find()
var success = $($.parseHTML(response)).filter("#success"); console.log(success); // div#success