選擇最近的跨度

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(); 
});