jQuery如何选择表格中的一行？

[hunzii]

一个公告栏的表格，有新公告用户没有点击“查看”时，整行是粗体显示的，点击“查看”后，会弹层显示公告内容，弹层我用的是fancybox插件，该插件的onComplete属性我回调了一个函数，来removeClass，让表格的该行文字不再用粗体显示，但始终无法实现，应该是没有选择到点击链接所在的行，请假下该如何选择。

代码如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>系统公告</title>
<link href="css/now.css" type="text/css" rel="stylesheet">
<link type="text/css" rel="stylesheet" href="css/jquery.fancybox-1.3.4.css" media="screen">
<style type="text/css">
.trTitle {
	font-size:15px;
	font-weight:bold;
}
.popupStyle {
	width: 600px;
	height: 300px;
	padding:6px;
	overflow: auto;
	text-indent: 33px;
	line-height: 25px;
}
</style>
<script type="text/javascript" src="js/jquery.1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery.fancybox-1.3.4.js"></script>
<script type="text/javascript">
$(document).ready(function() {
	$("a#popupID").fancybox({
		'titleShow':false,
		'transitionIn':'none',
		'transitionOut':'none',
		'padding':0,
		'overlayOpacity':0.6,
		'onComplete':function() {
								$(this).parent("TD").prevAll("TR")[0].removeClass("trTitle");
							}
	});
});
</script>
</head>

<body>
<TABLE cellpadding="0" cellspacing="1" width="68%" border="0">
      <TR class="tr_title">
        <TD width="33">状态</TD>
        <TD width="66">类型</TD>
        <TD width="150">发布时间</TD>
        <TD>内容</TD>
      </TR>
	    <TR>
          <TD></TD>
      <TD>系统公告</TD>
      <TD>2016-03-01 15:47</TD>
      <TD align="left">系统更新公告(20160301) <a id='popupID' href='#popup29'>[查看]</a>
      <div style='display:none;'><div id='popup29' class='popupStyle'>系统更新公告(20160301)</div></div></TD>
    </TR>
	    <TR class="trTitle">
          <TD>新</TD>
      <TD>系统公告</TD>
      <TD>2015-03-19 23:33</TD>
      <TD align="left">系统更新公告(20150320) <a id='popupID' href='#popup16'>[查看]</a>
      <div style='display:none;'><div id='popup16' class='popupStyle'>系统更新公告(20150320)</div></div></TD>
    </TR>
	    <TR class="trTitle">
          <TD>新</TD>
      <TD>系统公告</TD>
      <TD>2014-09-15 22:37</TD>
      <TD align="left">系统更新公告(20140916) <a id='popupID' href='#popup4'>[查看]</a>
      <div style='display:none;'><div id='popup4' class='popupStyle'>系统更新公告(20140916)</div></div></TD>
    </TR>
	    <TR>
          <TD></TD>
      <TD>系统公告</TD>
      <TD>2014-08-15 15:18</TD>
      <TD align="left">系统更新公告(20140818) <a id='popupID' href='#popup1'>[查看]</a>
      <div style='display:none;'><div id='popup1' class='popupStyle'>系统更新公告(20140818)</div></div></TD>
    </TR>
</TABLE>

</body>
</html>

[斯洛文尼亚旅游]

this对象不是点击的dom，是fb包装过的，调用orig属性才是，如果子元素是img，那么指向的是img对象，而且用[]符后是dom对象，不是jquery对象，没有removeClass属性 this.orig.closest("tr").removeClass("trTitle");

[hunzii]

引用 5 楼 showbo 的回复:

this对象不是点击的dom，是fb包装过的，调用orig属性才是，如果子元素是img，那么指向的是img对象，而且用[]符后是dom对象，不是jquery对象，没有removeClass属性 this.orig.closest("tr").removeClass("trTitle");

谢谢，您这方法是管用的。但是我完全没看到过有orig这样的属性，刚刚百度了一下也没查到相关资料，版主老大能介绍点资料来看看吗？

[斯洛文尼亚旅游]

引用 6 楼 hunzii 的回复:

[quote=引用 5 楼 showbo 的回复:] this对象不是点击的dom，是fb包装过的，调用orig属性才是，如果子元素是img，那么指向的是img对象，而且用[]符后是dom对象，不是jquery对象，没有removeClass属性 this.orig.closest("tr").removeClass("trTitle");

谢谢，您这方法是管用的。但是我完全没看到过有orig这样的属性，刚刚百度了一下也没查到相关资料，版主老大能介绍点资料来看看吗？[/quote] 要学会用开发工具，console.log控制台看下this是什么就知道了

[slwsss]

id不要一样的 $("a.popupID"). <a class='popupID'

[风中的少年]

id 相同。。。。。使用class

[hunzii]

用一样的ID 是为了$("a#popupID").fancybox能弹出层

[fjfjfj]

同一页面，id不允许一样。

    <TR class="trTitle">
          <TD>新</TD>
      <TD>系统公告</TD>
      <TD>2015-03-19 23:33</TD>
      <TD align="left">系统更新公告(20150320) <a class='popupID' href='#popup16'>[查看]</a>
      <div style='display:none;'><div id='popup16' class='popupStyle'>系统更新公告(20150320)</div></div></TD>
    </TR>
    <TR class="trTitle">
          <TD>新</TD>
      <TD>系统公告</TD>
      <TD>2014-09-15 22:37</TD>
      <TD align="left">系统更新公告(20140916) <a class='popupID' href='#popup4'>[查看]</a>
      <div style='display:none;'><div id='popup4' class='popupStyle'>系统更新公告(20140916)</div></div></TD>
    </TR>

<script type="text/javascript"> $(function(){ $(".popupID").click(function(){ $(this).parents('tr').removeClass('trTitle'); var _idx=$(this).parents('tr').index(); alert('弹窗'+_idx); }); }); </script>