Hide specific row from table without ID
Question
I have simple table generated by PHP.
<table border="1" id="control>
<tbody>
<tr>...</tr>
<tr>...</tr>
<tr>...</tr> //Row #3
<tr>...</tr>
<tr>...</tr>
<tr>...</tr>
</tbody>
</table>
I would like to hide 3rd row when page loads using javascript or css. Is there any way to do this without giving 3rd row ID?
Thank you in advance
5 answers
solution1
5 2013-10-26 14:10:50
使用jquery非常简单， $('#control tr:eq(2)').hide()
solution2
4 ACCPTED 2013-10-26 14:13:59
with css3 you can use the :nth-child selector
#control tr:nth-child(3)
{
display:none;
}
solution3
1 2013-10-26 14:19:07
尝试这个
document.getElementsByTagName("tr")[2].style.display = 'none';
solution4
1 2013-10-26 14:26:10
Using pure JavaScript (no framework like JQuery etc.) one can do:
<!DOCTYPE html>
<html>
<head>
<title>HTML</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<table border="1" id="control">
<tbody>
<tr><td>row1</td></tr>
<tr><td>row2</td></tr>
<tr><td>row3</td></tr>
<tr><td>row4</td></tr>
<tr><td>row5</td></tr>
<tr><td>row6</td></tr>
</tbody>
</table>
<script type="text/javascript">
var tableElm = document.getElementById("control");
var tableChilds = tableElm.getElementsByTagName("tr");
var row3 = tableChilds[2];
row3.style.display = "none";
// alternatively:
//row3.style.visibility = "hidden";
</script>
</body>
</html>
solution5
0 2013-10-26 14:13:08
使用jQuery的eq(int)选择从零开始的索引处的行：
$("#control tr").eq(2).hide();
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
Hide a specific row in table?
Hide specific row of a table
Show/hide table row with specific class and id generated in loop, using jQuery
Hide/unhide table row given the row index and table ID
Hide a row in table with specific number of characters
Javascript hide table colum without having an ID
Delete a row from a table by id
How to hide last table row with specific class in table with jQuery
Delete A specific row from table using id and refresh the same table in background using Jquery Ajax php mysql
Delete specific row from a table
Related Tags