我可以使用DOM从HTML表中获取文本吗?

时间:2017-02-05 22:35:09

标签: javascript html dom

所以我有这个HTML代码。有表,使用table,td,tr,th以HTML代码编写。在最后一栏中有一个学生的标记。那么,我可以获得那些使用DOM(标记)使用DOM的学生数量吗?



<DOCTYPE! html>

<html>
	<head>
		<meta charset="UTF-8">
		<link type="text/css" rel="stylesheet" href="css.css">
	</head>
	
	<header id="pav"> Lentelės pavadinimas </header>
	
	<body>
		<table>
			<td>
				<tr bgcolor="yellow">
					<th>Nr.</th>
					<th>Vardas, Pavardė</th>
					<th>Grupė</th>
					<th>Kursinio variantas</th>
					<th>Pažymys</th>
				</tr>
				<tr>
					<th>1</th>
					<th>Vardenis Pavardenis</th>
					<th>MKDf</th>
					<th>1</th>
					<th>5</th>
				</tr>
				<tr>
					<th>2</th>
					<th>Vardenis Pavardenis</th>
					<th>MKDf</th>
					<th>2</th>
					<th>10</th>
				</tr>
				<tr>
					<th>3</th>
					<th>Vardenis Pavardenis</th>
					<th>MKDf</th>
					<th>2</th>
					<th>9</th>
				</tr>
				<tr>
					<th>4</th>
					<th>Vardenis Pavardenis</th>
					<th>MKDf</th>
					<th>-</th>
					<th>-</th>
				</tr>
				<tr>
					<th>5</th>
					<th>Vardenis Pavardenis</th>
					<th>MKDf</th>
					<th>3</th>
					<th>10</th>
				</tr>
			</td>
		</table>
	</body>
	
	<footer>
		<br>
		<br>
		<button onclick="funkcija()">IEŠKOTI</button>
		<br>
		<br>
		<p id="atsakymas"></p>
	</footer>
	
	<script>
		
	
		function funkcija(){
			document.getElementById("atsakymas").innerHTML = "Maksimumą gavo:";
		}
	</script>
</html>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

你应该使用jQuery来完成这类任务:

var selectedStudentsIndexes = [];

$('table tr th:eq(4)').each(function()
{
    if ($(this).text() == 10) selectedStudentsIndexes.push($(this).parent().index());
});

selectedStudentsIndexes 数组应该按照表格中的原始顺序包含学生的正确索引