读取jquery变量中的标记属性时出现问题,该变量包含html的整个代码



我正在一个html文件中获取元素的id,该文件包括多个表,id将是唯一的3位数单词。帮我怎么拿到那些身份证。下面是我的代码

<html lang="en">
$(document).ready(function() {
$("#btn").click(function(){
$.ajax({
url: 'gethtmlcode.php',                       
success: function (response) {
resp = response;                   //resp contains source code of html file
});
});     
</script>
</head>
<body>
<button id="btn">Submit</button>
<p id="demo"></p>
</body>
</html>

下面是我的html代码。它包含许多表和div。我想获得所有表的id和动态生成的div的id。

<!DOCTYPE html> <html>
<table id="table1">
<div id="157">
<br>
<table>
<tr>
<td>Test ID</td>
<td>:</td>
<td>157</td>
</tr>
<tr>
<td>Test Plan Name</td>
<td>:</td>
<td>Validation-Current Day</td>
</tr>
<tr>        </div>
<div id="200">
<br>
<table>
<tr>
<td>Test ID</td>
<td>:</td>
<td>157</td>
</tr>
<tr>
<td>Test Plan Name</td>
<td>:</td>
<td>Eligibility Current Day</td>
</tr>
<tr>        </div>

</table>
</div>

请帮忙。

要从html变量中获取表id,可以使用下一个代码

var response ="<html><body><table id='table1'><tbody></tbody></table></body><table id='table2'><tbody></tbody></table></body></html>";
console.log($('<div />', {html: response}).find('table').attr('id'));
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

对于多个表,您需要使用.each()循环遍历表,以获得每个表的id

var response ="<html><body><table id='table1'><tbody></tbody></table></body><table id='table2'><tbody></tbody></table></body></html>";
$('<div />', {html: response}).find('table').each(function(){
console.log(this.id);
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

最新更新