如何选择单击的项目和后续项目 - Jquery

Question

如何使用Jquery选择刚刚单击的项目和后续项目... 目前，每当我尝试在另一个选择器旁边使用'this'属性时，它就会停止工作......

HTML

<a href="#" class="refLink">9</a>
<span class="refPanelFloating">Blah blah blah</span>

尝试过Jquery

$('a.refLink').click(function () {
    $(this,'span.refPanelFloating').wrapAll('<span class="refWrap" />');
});

期望的结果

<span class="refWrap">    
    <a href="#" class="refLink">9</a>
    <span class="refPanelFloating">Blah blah blah</span>
</span>

目前我只能通过选择初始的'a.refLink'标签来实现它......但在最后一页上会有很多标签......

由于

Answer 1

试试这个：

$('a.refLink').click(function () {
    $(this).next().andSelf().wrapAll('<span class="refWrap" />');
});

请参阅http://jsfiddle.net/alnitak/M8weS/

密钥是.andSelf()函数，它将前两个链式调用的结果合并为一个列表。