选择最近的跨度

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