Как выбрать выбранный элемент и следующий элемент - 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(), которая объединяет результаты двух предыдущих вызовов в один список.