Как добавить класс к входу, когда вход содержит определенное значение с jquery

Question

У меня есть форма с 4 полями ввода.

<input class='radio' type='radio' name='radiovote' value='<?php echo $key; ?>'>
<input class='radio' type='radio' name='radiovote' value='<?php echo $key; ?>'>
<input class='radio' type='radio' name='radiovote' value='<?php echo $key; ?>'>
<input class='radio' type='radio' name='radiovote' value='<?php echo $key; ?>'>

Один из этих входов имеет значение 2. Я хочу добавить класс alert-success в это поле ввода, которое содержит значение 2

Я пробовал это, но это не работает:

$('input:contains("2")').closest('.radio').addClass('alert alert-success'); 

Answer 1

Предполагается, что это происходит при загрузке страницы (не после загрузки страницы). Вы можете использовать jQuery .filter() для фильтрации по значению:

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

Если значение изменяется на 2 после страница загружена. Вам необходимо прикрепить событие:

$('input').change((event) => {
   $(this).addClass('alert alert-success');
});