<div id="myDiv">
<table>
<tr>
<td>
Firstname
</td>
<td>
Secondname
</td>
</tr>
<tr>
<td>
name1
</td>
<td>
name2
</td>
</tr>
</table>
</div>
这是我的HTML结构,我需要使用Jquery或Javascript从表中获取值'Firstname'和'name1'。只有外部div具有ID。有人可以帮忙吗。
答案 0 :(得分:1)
使用jQuery,太简单了。
jQuery('#myDiv table tr:first-child td:first-child').html() // 'Firstname'
jQuery('#myDiv table tr:nth-child(2) td:first-child').html() // 'name1'
jQuery('#myDiv table tr:first-child td:nth-child(2)').html() // 'Secondname'
jQuery('#myDiv table tr:nth-child(2) td:nth-child(2)').html() // 'name2'
答案 1 :(得分:1)
使用JavaScript
<div id="myDiv">
<table>
<tr>
<td>
Firstname
</td>
<td>
Secondname
</td>
</tr>
<tr>
<td>
name1
</td>
<td>
name2
</td>
</tr>
</table>
</div>
<script>
const allTableRows = document.querySelectorAll('#myDiv table tr');
const firstRow = allTableRows[0];
const secondRow = allTableRows[1];
const firstNameLabel = firstRow.getElementsByTagName('td')[0].innerHTML;
const firstNameValue = secondRow.getElementsByTagName('td')[0].innerHTML;
console.log(firstNameLabel.trim());
console.log(firstNameValue.trim());
</script>
答案 2 :(得分:0)
您好,我在这里使用了班级名称
<div id="myDiv">
<table>
<tr>
<td class="first">
Firstname
</td>
<td>
Secondname
</td>
</tr>
<tr>
<td class="name">
name1
</td>
<td>
name2
</td>
</tr>
</table>
</div>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"
integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
和这里的jQuery
alert($('#myDiv td.first, td.name').text());
这是 fiddle