jquery - 当输入包含特定值时，如何使用 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');
});