jquery从$（此）位置选择下一个元素

我在我的页面上剪下了以下内容：

<div class="radio-group">
<input type="radio" name="group1" checked="checked" id="option1" value="option1"/>
<label for="option1">option1</label>
<input type="radio" name="group1" id="option2" value="option2"/>
<label for="option2">option2</label>
<input type="radio" name="group1" id="option3" value="option3"/>
<label for="option3">option3</label>
<input type="radio" name="group1" id="option4" value="option4"/>
<label for="option4">option4</label>
</div>

我想写这行

var el = this.parentNode.nextElementSibling;

以jQuery的方式。谢谢

var el = $(this).parent().next().find("input[type='radio']");
el.val(this.value);

很容易。：）

编辑 lol没有对标记给予足够的注意：P固定

$("input[type='radio']").live("change", function () {        
    var el = $(this).parent().next();
    el.val(this.value);
});

转化为

var $el = $(this).parent().next();

---

使用jquery的this，还要注意，您可以筛选下一个选择器（以防代码出错）

---

使用

el.val（该值）el

是jQuery元素。但是，

this.value

如果元素是否被选中，则不包含任何信息！上面将选择

this

的下一个同级，而不是像OP的代码那样选择

this.parentNode

的下一个同级@乔恩在否决票后看到了这一点：P，但谢谢你指出这一点。已经修好了。@Jon哦，我不这么认为，但我真的不介意否决票，因为它让我回头看：圆周率就像这种风格，但我没有得到任何结果。

var el = this.parentNode.nextElementSibling;

var $el = $(this).parent().next();

var el = $(this).next('input[type="hidden"]');