nextUntil () иSelf () wrap () ... не может получить КАЖДЫЙ два элемента в списке, которые будут обернуты span?

Question

Работает ajax checkboxlist, который генерирует нормально вроде так, но флажок и метка иногда переносятся на новую строку и просто пытались сделать простую переноску?:

<input type="checkbox" name="Pet.Color" value="44" id="cbxColor_44" title="Black">    <label>Black</label><input type="checkbox" name="Pet.Color" value="37" id="cbxColor_37" title="Blue"><label>Blue</label><input type="checkbox" name="Pet.Color" value="43" id="cbxColor_43" title="Brown"><label>Brown</label> .....

Попытка обернуть каждый вход и меткув промежутке я не хотел испортить функцию, которая генерирует каждый, но добавляет / предопределяет промежуток здесь или там, поэтому я пытался использовать быстрый селектор для метода wrap ():

 // nope  $('input ~ label').andSelf().wrap('<span class="nowrap" />')
//nope   $('input').nextUntil('label').wrap('<span class="nowrap" />')

//nope $('input').nextUntil('label').each(function (index) {
//    $(this).wrap('<span class="nowrap" />')
// });

// nope  $('input + label').andSelf().wrap('<span class="nowrap" />')

Предложения

Answer 1

Метод andSelf просто добавляет исходный элемент к набору, который был выбран из него.
Например, $(something).children().andSelf() будет выбирать дочерних элементов элемента, а также самого себя.

Вам нужно перебрать каждую пару и вызвать wrapAll:

$('input').each(function() { 
    $(this).next().andSelf()    //Get the pair of elements
           .wrapAll('<span class="nowrap" />')
});

Answer 2

Это так просто: Мы вставляем тег после или до, затем выбираем nextUntil() или prevUntil()

$ ( "<li class='aa'>Test</li>") InsertAfter ( 'бар.');.

$ ( 'Foo. ') NextUntil (' аа.') AndSelf () wrapAll ( "<p>");...

$ ( "аа".) Удалить ();.

<ul>
    >     <li class="foo">Baz</li>
    >     <li>Select Me!</li>
    >     <li>Select Me!</li>
    >     <li>Select Me!</li>
    >     <li class="bar">Baz</li>
    >     <li>Don't Select Me</li>
    >     <li>Red Herring List Item</li> </ul>

* После 1016 *

<ul>
<p><li class="foo">Baz</li>
<li>Select Me!</li>
<li>Select Me!</li>
<li>Select Me!</li>
<li class="bar">Baz</li>
</p>
<li>Don't Select Me</li>
<li>Red Herring List Item</li>
</ul>