gpt4 book ai didi

javascript - 读取包含整个 html 代码的 jquery 变量中标签的属性时出现问题

转载 作者:行者123 更新时间:2023-12-03 00:37:20 25 4
gpt4 key购买 nike

我正在努力获取包含多个表的 html 文件中元素的 id,并且 id 将是唯一的 3 位数单词。请帮助我如何获取这些 ID。下面是我的代码

<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>

关于javascript - 读取包含整个 html 代码的 jquery 变量中标签的属性时出现问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53605741/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com