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>

我想在一个范围内包装每一对但我无法找到一种在jquery上选择元素对的方法，以便在它们上使用wrapAll()。我无法更改我正在使用的html。有人可以帮忙吗？

Answer 1

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

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

Demo

Answer 2

你可以试试这个。

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

Answer 3

$（“输入+标签”）可能会有所帮助。

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

在jquery中选择html元素对

3 个答案: