JQuery问题

$("#table>tbody>tr:has(td:last:has(:checkbox:enabled))").css("background","red");
这句的意思是把每行中最后一列的checkbox未禁用的话背景显示为红色，可是为什么我显示出来的效果确是最后一行变成了红色

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

好复杂啊。
把：last去掉试试。
看看这个行吗？
http://jsfiddle.net/hvqCm/
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <script type="text/javascript" src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></script>
  <script type="text/javascript">
$(function(){
$("#relist").click(function () {
$("#table>tbody>tr>td:last-child :checkbox:enabled").css("background", "red");
  });
})

  </script>
  <style type="text/css">
div{margin:10px}
.xx{width:100px;height:100px;border:solid 2px blue}
.yy{width:100px;height:100px;border:solid 2px red}
.zz{width:100px;height:100px;border:solid 2px gray}
.kk{width:100px;height:100px;border:solid 2px green}
  </style>
</HEAD> <BODY>
  <div id="xx" class="icon"></div>
  <table id="table">
<tbody>
<tr>
<td><input type="checkbox" disabled="disabled"></td>
<td><input type="checkbox" disabled="disabled"></td>
<td><input type="checkbox"></td>
<td><input type="checkbox" disabled="disabled"></td>
</tr>
<tr>
<td><input type="checkbox" disabled="disabled"></td>
<td><input type="checkbox" disabled="disabled"></td>
<td><input type="checkbox" disabled="disabled"></td>
<td><input type="checkbox"></td>
</tr>
<tr>
<td><input type="checkbox"></td>
<td><input type="checkbox" disabled="disabled"></td>
<td><input type="checkbox"></td>
<td><input type="checkbox" disabled="disabled"></td>
</tr>
<tr>
<td><input type="checkbox"></td>
<td><input type="checkbox" disabled="disabled"></td>
<td><input type="checkbox"></td>
<td><input type="checkbox" disabled="disabled"></td>
</tr>
<tr>
<td><input type="checkbox"></td>
<td><input type="checkbox" disabled="disabled"></td>
<td><input type="checkbox"></td>
<td><input type="checkbox"></td>
</tr>
</tbody>
  </table>
  <input type="button" value="CLICKME" id="relist"/>
</BODY>
</HTML>':last'只匹配一个元素，
而:last-child将为每个父元素匹配一个子元素