jquery выбор следующего элемента из позиции $ (this)

Question

У меня есть следующий фрагмент моей страницы:

<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>

и этот код javascript для выбора скрытого ввода после щелчка по рации:

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

Я хочу написать строку

var el = this.parentNode.nextElementSibling;

способом jQuery. Спасибо.

Answer 1

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

очень просто.:)

Edit

lol не уделял достаточного внимания разметке.: P исправлено.

Answer 2

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

Answer 3

var el = this.parentNode.nextElementSibling;

переводится как

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

Answer 4

используйте jquery's, также обратите внимание, что вы можете фильтровать следующий селектор (в случае, если с вашим кодом что-то не так)

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