javascript - 使用 jquery 将类添加到下一个元素

Question

我有这样的html:

<form>
    <div class="row">
        <input type="radio" class="radio">
        <label>Text</label>
        <input type="radio" class="radio">
        <label>Type</label>
    </div>
</form>

现在我需要在每个 <input type="radio"> 之后立即将一个类应用于每个标签.

我像这样使用jquery:

if($('input').hasClass('radio')){
    $(this).next().addClass('radio-url');
}

我正在尝试将“radio-url”类添加到每个 <label>紧接在 radio 标签之后。 我在这方面犯了什么错误？

Answer 1

您可以使用.siblings()

$('input[type="radio"]').siblings('label').addClass('radio-url');

DEMO

或者

$('input[type="radio"]').next('label').addClass('radio-url');

DEMO2