Javascript 无法在jquery中的表内选择表
我目前在使用jquery选择表中的表时遇到问题,我想选择表中的第二个表,如下面的HTML代码所示。我尝试了下面的jquery代码,但是当我使用它时,会将第一个Javascript 无法在jquery中的表内选择表,javascript,jquery,html,Javascript,Jquery,Html,我目前在使用jquery选择表中的表时遇到问题,我想选择表中的第二个表,如下面的HTML代码所示。我尝试了下面的jquery代码,但是当我使用它时,会将第一个tr添加到style=“display:none;”“,因为我在下面写下它来显示它选择的tr,但我想选择第三个表tr。谁能帮我选择正确的表格 以下是我尝试过的: <script> $(document).ready(function () { $("table td:contains('NIL')").close
tr
添加到style=“display:none;”“
,因为我在下面写下它来显示它选择的tr
,但我想选择第三个表tr
。谁能帮我选择正确的表格
以下是我尝试过的:
<script>
$(document).ready(function () {
$("table td:contains('NIL')").closest("tr").hide();
});
</script>
<table width="79%" border="0" cellpadding="0" cellspacing="0" height="350">
<tr style="display:none;">
<td valign="top" width="1%" bgcolor=#FFFFFF>
</td>
<td valign="top" width="78%" bgcolor=#FFFFFF>
<center>
<br><b><u>COURSE PAGE - Winter Semester 2015~16</u></b><br /><br />
<table cellspacing='0' cellpadding='4' align='center' border='1' width='95%' style='border-collapse: collapse;' bordercolor='black'>
<tr align=center bgcolor=#5A768D>
<td width=80><font color=#FFFFFF>Course Owner</font></td>
<td width=70><font color=#FFFFFF>Course Code</font></td>
<td><font color=#FFFFFF>Course Title</font></td>
<td><font color=#FFFFFF>Course Type</font></td>
<td><font color=#FFFFFF>Faculty</font></td>
<td><font color=#FFFFFF>Class Nbr(s)</font></td>
<td><font color=#FFFFFF>Slot(s)</font></td>
</tr>
<tr bgcolor='#E1ECF2'>
<td width=80 align=center>SITE</td>
<td width=70 align=center>ITE302</td>
<td>Database Systems</td>
<td>Embedded Lab</td>
<td>11543 - SARAVANAKUMAR K - SITE</td>
<td>2039</td>
<td>L29+L30</td>
</tr>
</table><br>
<table cellspacing='0' cellpadding='4' width="95%" align='center' border='1' style='border-collapse: collapse;' bordercolor='black' height="61">
<tr>
<td bgcolor=#5A768D width="22%" height="30"><font color=#FFFFFF>Syllabus</font></td>
<form action='syllabus_file.asp' method='post'><td bgcolor='#EDEADE' width='75%' height='30'><input type='hidden' name='crscd' value='ITE302'><input type='hidden' name='crstp' value='ELA'><input type='hidden' name='version' value='1'><input type='submit' name='sybcmd' class='submit' value='Download'></td></form>
</tr>
<tr>
<td bgcolor=#5A768D width="22%" height="30" rowspan=5 valign=top>
<font color=#FFFFFF>Text/Reference Material</font>
</td>
<td bgcolor='#EDEADE' width="75%" height="30">
<a href='https://academics.vit.ac.in/faculty/Syllabus_Textbook/WINSEM2015-16_CP1673_TB01_DBMS_Lab_Manual.pdf' target='_blank'><font color=blue>DBMS_Lab_Manual.pdf</font></a>
</td>
</tr>
<tr>
<td bgcolor='#EDEADE' width="75%" height="30">
<a href='https://academics.vit.ac.in/faculty/Syllabus_Textbook/WINSEM2015-16_CP1673_TB02_Structured-Query-Language.pdf' target='_blank'><font color=blue>Structured-Query-Language.pdf</font></a>
</td>
</tr>
<tr>
<td bgcolor='#EDEADE' width="75%" height="30">
<a href='https://academics.vit.ac.in/faculty/Syllabus_Textbook/WINSEM2015-16_CP1673_TB03_students_manual.pdf' target='_blank'><font color=blue>students_manual.pdf</font></a>
</td>
</tr>
<tr>
<td bgcolor='#EDEADE' width="75%" height="30">
NIL
</td>
</tr>
<tr>
<td bgcolor='#EDEADE' width="75%" height="30">
NIL
</td>
</tr>
</table><br>
<table cellspacing='0' cellpadding='4' width="95%" align='center' border='1' style='border-collapse: collapse;' bordercolor='black' height="61">
<tr>
<td bgcolor=#5A768D width="22%" height="30" rowspan=5 valign=top>
<font color=#FFFFFF>Assignments</font>
</td>
<td bgcolor='#EDEADE' width="76%" height="30">
NIL
</td>
</tr>
<tr>
<td bgcolor='#EDEADE' width="76%" height="30">
NIL
</td>
</tr>
<tr>
<td bgcolor='#EDEADE' width="76%" height="30">
NIL
</td>
</tr>
<tr>
<td bgcolor='#EDEADE' width="76%" height="30">
NIL
</td>
</tr>
<tr>
<td bgcolor='#EDEADE' width="76%" height="30">
NIL
</td>
</tr>
</table><br>
$(文档).ready(函数(){
$(“表td:contains('NIL'))。最近的(“tr”).hide();
});
课程页-2015~16冬季学期
球场老板
课程代码
课程名称
课程类型
官能
Nbr类(s)
插槽(s)
场地
ITE302
数据库系统
嵌入式实验室
11543-萨拉瓦纳库马尔K-现场
2039
L29+L30
教学大纲
文本/参考资料
无
无
作业
无
无
无
无
无
由于您的目标是表的td
内部td
,因此需要指定表的内部表
,如下所示:
$("table table td:contains('NIL')").closest("tr").hide();
或者准确地说,在td
中的表
如下所示:
$("table td table td:contains('NIL')").closest("tr").hide();
否则,您的条件将始终在一开始就满足,并且它将隐藏根tr
,因为td
内的table
中存在NIL
做个记录-我不明白您为什么添加了display:none代码>在第一个tr
上,我已经删除了它
Sinppet
$(“表td:contains('NIL'))。最近的(“tr”).hide()代码>
课程页-2015~16冬季学期
球场老板
课程代码
课程名称
课程类型
官能
Nbr类(s)
插槽(s)
场地
ITE302
数据库系统
嵌入式实验室
11543-萨拉瓦纳库马尔K-现场
2039
L29+L30
教学大纲
文本/参考资料
无
无
作业
无
无
无
无
无
你的
标签在哪里?拜托,我知道我已经添加了。它没有添加到你的代码中!!!具体点。现在似乎没有$(document).ready()
…很抱歉添加了这个。因为第三个表中的所有td
都有NIL
,没有一个tr
会显示出来,这基本上意味着整个表都会显示出来