jquery选择器的问题

我想选择<td>下面的<dd>    也就是说 把红色区 分别选出   做鼠标经过<dt> 此<dt>下到下一个<dt>前的<dd>显示 的效果<dt><a href="#">故宫高仿名画制作中心</a></dt>
<dd>客厅小镜子</dd><dd>客厅大镜子</dd>
<dt><a href="#">皇帝服饰研发制作中心</a></dt>
<dd>客厅小镜子</dd><dd>客厅大镜子</dd>
<dd>客厅小镜子</dd><dd>客厅大镜子</dd>

解决方案 »

  1.   

    $("dt").hover
    (
    function()
    {
    $("+dd",this).css("color","red");
    },
    function()
    {
    $("+dd",this).css("color","#000");
    }
    );
      

  2.   


    $('dt').hover(function(){
    $(this).nextUntil('dt').show();
    },function(){
    $(this).nextUntil('dt').hide();
    });
      

  3.   


    <!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=utf-8" />
    <title>图片重设</title>
    <script src="jquery-1.3.2.js"></script>
    <script> $(function(){
      $("table tr td dt").mouseover(function(){
    $(this).nextAll("dd").css("color","red");
    /*var $dt = $(this).nextAll("dd");
    var $this = $(this).nextAll("dd") - $dt;
    alert($this)
    $this.css("color","red");*/
    });
     });
    </script>
    </head><body>
     <table>
      <tr>
            <td>
             <dt><a href="#">故宫高仿名画制作中心</a></dt>
                <dd>客厅小镜子1</dd><dd>客厅大镜子2</dd>
                <dt><a href="#">皇帝服饰研发制作中心</a></dt>
                <dd>客厅小镜子6</dd><dd>客厅大镜子3</dd>
                <dd>客厅小镜子5</dd><dd>客厅大镜子4</dd>
            </td>
            <td>
             <dt><a href="#">故宫高仿名画制作中心</a></dt>
                <dd>客厅小镜子</dd><dd>客厅大镜子</dd>
                <dt><a href="#">皇帝服饰研发制作中心</a></dt>
                <dd>客厅小镜子</dd><dd>客厅大镜子</dd>
                <dd>客厅小镜子</dd><dd>客厅大镜子</dd>
            </td>
        </tr>
     </table>
    </body>
    </html>
    只能做到这样了，楼主他们之间没有明确的关系