比较难以描述,下面给上我的代码<div class="dtsy11" >
<table width="205" border="0" cellspacing="0" id="housetype_filter">
<tr>
<td width="10"> </td>
<td width="92" height="30" align="left" valign="middle" class="shei-c14">房型:</td>
<td width="93" height="30" align="left" valign="middle" class="syzi1178"><a href="javascript:;" onclick="changeCondition('HOUSETYPE','0')" class='syzi0099a focus'>房型不限</a></td>
<td width="10"> </td>
</tr>
<tr>
<td width="10"> </td>
<td width="92" height="25" align="left" valign="middle"><a href="javascript:;" onclick="changeCondition('HOUSETYPE','1')" class="syzi0099a">一室</a></td>
<td width="93" height="25" align="left" valign="middle"><a href="javascript:;" onclick="changeCondition('HOUSETYPE','2')" class="syzi0099a">二室</a></td>
<td width="10"> </td>
</tr>
<tr>
<td width="10"> </td>
<td width="92" height="25" align="left" valign="middle"><a href="javascript:;" onclick="changeCondition('HOUSETYPE','3')" class="syzi0099a">三室</a></td>
<td width="93" height="25" align="left" valign="middle"><a href="javascript:;" onclick="changeCondition('HOUSETYPE','4')" class="syzi0099a">四室</a></td>
<td width="10"> </td>
</tr>
<tr>
<td width="10"> </td>
<td width="92" height="25" align="left" valign="middle"><a href="javascript:;" onclick="changeCondition('HOUSETYPE','5')" class="syzi0099a">五室</a></td>
<td width="93" height="25" align="left" valign="middle"><a href="javascript:;" onclick="changeCondition('HOUSETYPE','6')" class="syzi0099a">五室以上</a></td>
<td width="10"> </td>
</tr>
</table>
</div>
然后我用jquery取的时候,总是取不到每个tr下第二个td的a,请看我的脚本
if(a==1||a==2){
var n = parseInt(a)+1;
$("#housetype_filter tbody tr:nth-child(2) td:nth-child("+n+") a").addClass('focus');
}
这里每次在a=2的时候,总能给第三个td下的a添加上focus类,但是在a=1的时候,除了第一次可以添加上focus类,其余时候都不行,注:在IE下正常,chrome下有问题,求高人指点!
<table width="205" border="0" cellspacing="0" id="housetype_filter">
<tr>
<td width="10"> </td>
<td width="92" height="30" align="left" valign="middle" class="shei-c14">房型:</td>
<td width="93" height="30" align="left" valign="middle" class="syzi1178"><a href="javascript:;" onclick="changeCondition('HOUSETYPE','0')" class='syzi0099a focus'>房型不限</a></td>
<td width="10"> </td>
</tr>
<tr>
<td width="10"> </td>
<td width="92" height="25" align="left" valign="middle"><a href="javascript:;" onclick="changeCondition('HOUSETYPE','1')" class="syzi0099a">一室</a></td>
<td width="93" height="25" align="left" valign="middle"><a href="javascript:;" onclick="changeCondition('HOUSETYPE','2')" class="syzi0099a">二室</a></td>
<td width="10"> </td>
</tr>
<tr>
<td width="10"> </td>
<td width="92" height="25" align="left" valign="middle"><a href="javascript:;" onclick="changeCondition('HOUSETYPE','3')" class="syzi0099a">三室</a></td>
<td width="93" height="25" align="left" valign="middle"><a href="javascript:;" onclick="changeCondition('HOUSETYPE','4')" class="syzi0099a">四室</a></td>
<td width="10"> </td>
</tr>
<tr>
<td width="10"> </td>
<td width="92" height="25" align="left" valign="middle"><a href="javascript:;" onclick="changeCondition('HOUSETYPE','5')" class="syzi0099a">五室</a></td>
<td width="93" height="25" align="left" valign="middle"><a href="javascript:;" onclick="changeCondition('HOUSETYPE','6')" class="syzi0099a">五室以上</a></td>
<td width="10"> </td>
</tr>
</table>
</div>
然后我用jquery取的时候,总是取不到每个tr下第二个td的a,请看我的脚本
if(a==1||a==2){
var n = parseInt(a)+1;
$("#housetype_filter tbody tr:nth-child(2) td:nth-child("+n+") a").addClass('focus');
}
这里每次在a=2的时候,总能给第三个td下的a添加上focus类,但是在a=1的时候,除了第一次可以添加上focus类,其余时候都不行,注:在IE下正常,chrome下有问题,求高人指点!
var n = parseInt(a);
$('#housetype_filter tr td:eq(' + n + ') a').addClass('focus');
}
问题可能是出在这里,改成这样试试:
$("#housetype_filter tbody tr td:nth-child("+n+") a").addClass('focus');