选择最近的跨度

Question

这里是我的HTML代码

   <span class="xxt" style="">Hide Me</span> 
       <div><br/></div> 
       <div></div> 
       <span style=""> 
        <table> 
         <tr> 
          <td style=""> 
           <div></div> 
           <input type="radio" class="a"> 
          </td> 
         </tr> 
        </table> 
       </span> 

       <span class="xxt" style="">Hide Me</span> 
       <div><br/></div> 
       <div></div> 
       <span style=""> 
        <table> 
         <tr> 
          <td style=""> 
           <div></div> 
           <input type="radio" class="a"> 
          </td> 
         </tr> 
        </table> 
       </span> 

我试图用类“XXT”，这是更接近改变单选按钮的父跨度访问最接近span元素。
这里是我的代码

 $('.a').live('change',function() 
     { 
      $(this).parents('span').closest('.xxt').addClass('DestQID'); 
      $('.DestQID').hide(); 
     }); 

这里是my test jsfiddle

Answer 1

试试这个：

$('.a').live('change',function() 
{ 
    $(this).closest('span').prevAll('.xxt:first').addClass('DestQID'); 
    $('.DestQID').hide(); 
});