我有一个 html 文件包含多个具有相同 ID 名称的元素的情况。
表格行包含 5 列，我需要考虑其中 2,3,4,5 列数据。
<tr id='total_row'>
<td>Total</td>
<td>%(count)s</td>
<td>%(Pass)s</td>
<td>%(fail)s</td>
<td>%(error)s</td>
<td> </td>
</tr>
我在文件中的多个位置都有上述代码。我需要使用 javascript 添加相应的值。
最佳答案
ID 在 html 页面中是唯一的。您也可以在页面中将其称为THE ID。单个页面中的两个不同标签不能具有相同的 ID。但您可以使用 class 代替 ID。了解一下here
所以你的 HTML 可以像
<tr class='total_row'>
<td>Total</td>
<td>%(count)s</td>
<td>%(Pass)s</td>
<td>%(fail)s</td>
<td>%(error)s</td>
<td> </td>
</tr>
作为一个 jquery 的例子，你可以做这样的事情，
<!DOCTYPE html>
<html>
<head>
<style>
</style>
</head>
<body>
<table>
<tr class="one">
<td></td>
<td></td>
</tr>
<tr class="one">
<td></td>
<td></td>
</tr>
<tr class="one">
<td></td>
<td></td>
</tr>
</table>
<script src="jquery-1.11.0.min.js"></script>
<script>
$(document).ready(function() {
$(".one").eq(0).find('td').eq(0).html("I'm tracked");
// get 1st tr and get first td
$(".one").eq(1).find('td').eq(1).html("I'm tracked");
// get 2nd tr and get second td
$(".one").eq(2).find('td').eq(0).html("I'm tracked");
// get 3rd tr and get first td
});
</script>
</body>
</html>
但我想这种方法可能很乏味。
关于javascript - Javascript 中具有相同 Id 的多个元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22342014/