选择最近的跨度

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

这是我的测试jsfiddle

Answer 1

试试这个:

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