javascript - 如何使用jquery向div添加类，其中radio具有一定的值

Question

我有这个带有 4 个 radio 的表格:

<form class="options" method="post" id="question" action="index.php">
    <div class="form-check form-group"> 
        <label class="form-check-label">
            <input class='radio form-check-input' type='radio' name='radio' value='1' />Radio 1
        </label>
    </div>
    <div class="form-check form-group"> 
        <label class="form-check-label">
            <input class='radio form-check-input' type='radio' name='radio' value='2' />Radio 2
        </label>
    </div>
    <div class="form-check form-group"> 
        <label class="form-check-label">
            <input class='radio form-check-input' type='radio' name='radio' value='3' />Radio 3
        </label>
    </div>
    <div class="form-check form-group"> 
        <label class="form-check-label">
            <input class='radio form-check-input' type='radio' name='radio' value='4' />Radio 4
        </label>
    </div>

    <button type="submit" class="btn btn-success" name="next" value="next">NEXT</button>

</form

如何将类alert-success添加到上面的div，其中radio的值为2(使用jquery)？

所以:

 <div class="form-check form-group alert-success"> 
        <label class="form-check-label">
            <input class='radio form-check-input' type='radio' name='radio' value='2' />Radio 2
        </label>
    </div>

Answer 1

您可以使用 :has jQuery 选择器:

$('.form-group:has(input[value=2])').addClass('alert-success');