作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
下面是我的 html 文件。
<!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>
我想搜索“测试 ID”,如果找到我想以同样的方式获得“157”,我想获得测试计划名称。我尝试了下面的代码,但它在“验证当前日期”的情况下给出了“157” ",资格当天"
下面是我的代码
<!DOCTYPE html>
<html lang="en">
<head>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
var resp = "";
var htmlstring = "";
var template = "";
var testIDArray = [];
var testPlanNameArray = [];
$(document).ready(function() {
$("#Analyse").click(function() {
$.ajax({
url: 'home.php',
success: function(response) {
resp = response;
alert(resp);
$.get("new.php?&filename=" + resp).done(function(data1) {
htmlstring = data1;
$('<div />', {
html: htmlstring
}).find('div').each(function() {
if($(this).is(':contains("FAIL")'))
{
if($(this).is(':contains("Test ID")'))
{
testIDArray.push($(this).find('td:eq(2)').text().trim());
console.log($(this).find('td:eq(2)').text().trim());
console.log($(this).closest('td').next('td').text().trim() );
}
if($(this).is(':contains("Test Plan Name")'))
{
testPlanNameArray.push($(this).find('td:eq(2)').text().trim());
console.log($(this).is(':contains("Test Plan Name")').next('td').text().trim());
console.log($(this).closest('td').next('td').text().trim() ); // this is also returning 157,158 where as I'm expecting "Validation-Current Day,Eligibility Current Day"
}
}
})
});
}
});
});
});
</script>
</head>
<body>
<button class="btn btn-lg btn-success btn-block" id="Analyse">Analyse</button>
<p id="demo"></p>
</body>
</html>
我真的被困住了。请帮忙。提前致谢。
我想搜索“测试 ID”,如果找到我想以同样的方式获得“157”,我想获得测试计划名称。我尝试了下面的代码,但它在“验证当前日期”的情况下给出了“157” ",资格当天"
最佳答案
你的html有一些变化
<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>
</table>
</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>
</table>
</div>
在上面的html中,如果你想将这个html添加到表格中,那么你还需要添加tr,td。
如下改变你的JS每个循环代码
$("div").each(function() {
if($(this).find("table tr:first td:first").text() == "Test ID")
{
testIDArray.push($(this).find("table tr:first td:eq(2)").text().trim());
}
if($(this).find("table tr:eq(1) td:first").text() == "Test Plan Name")
{
testPlanNameArray.push($(this).find('table tr:eq(1) td:eq(2)').text().trim());
}
})
alert(testIDArray)
alert(testPlanNameArray)
关于javascript - 遍历所有 div 并在任何 td 中搜索,如果找到下一秒 td 值的获取值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53607434/
我是一名优秀的程序员,十分优秀!