在 jQuery 中选择 HTML 元素对

Question

我正在处理一些生成类似下面html的服务器代码：

<input type="radio" />
<label>something</label>

<input type="radio" />
<label>something</label>

<input type="radio" />
<label>something</label>

<input type="radio" />
<label>something</label>

我想在每对元素中使用span来包装，但我无法找到一种方法在jQuery中选择元素对以便使用wrapAll()将它们包装起来。我不能更改我正在处理的html。有人能帮忙吗？

- boz

Answer 1

$('input').each(function(){
    $(this).next('label').add(this).wrapAll('<span>');
});

1. next会查找最近的兄弟元素。
2. add会将匹配的项目添加到集合中。

演示

- bjornd

Answer 2

你可以试一试这个。

$('input').each(function(){
    $(this).next().andSelf().wrapAll('<span>');
});

- ShankarSangoli

Answer 3

$("input+label") 可能会很有帮助。

http://www.w3.org/TR/CSS2/selector.html#adjacent-selectors

- danp

---

它选择所有紧接着输入（成对）之前的标签，之后你可以自行处理 ;) - danp