如何将类添加到 div 中无线电与 jquery 具有一定的价值

Question

我有 4 个无线电的表格：

<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 中，其中无线电的值为 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

您可以使用:hasjQuery 选择器：

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

Answer 2

$('input[value=2]').closest('div').addClass('alert-success');

也有效..

Answer 3

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