我试图在按下表格标题时隐藏行,但我使用的代码似乎不起作用。
这是脚本:(jQuery)
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
var rows = $('Game tr');
$("Game th").click(function(){
alert("Clicked");
rows.hide(1000);
});
});
</script>
和表格部分:
$results = mysql_query("SELECT * FROM game WHERE summonerId='$ID' ORDER BY TimeId DESC");
echo "<table id='Game'>";
echo "<tr> <th> CLICK HERE </th> </tr>";
while($row = mysql_fetch_array($results))
{
echo "<tr> <td>";
echo $row['TimeId'];
echo "</td> </tr>";
}
echo "</table>";
我不知道为什么这不起作用。
最佳答案
您想要将 # 添加到 ID 选择器:
$(function(){
var $rows = $('#Game tr');
$("#Game th").on("click",function(){
alert("Clicked");
$rows.hide(1000);
});
});
如果您想让 TH 保持可见,您可能需要使用
var $rows = $('#Game tr:not(":has(th)")');
关于javascript - 单击表标题时隐藏表行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20679472/