时间戳

首页 > 解决方案 > 当输入包含带有jquery的某个值时如何将类添加到输入中

jquery - 当输入包含带有jquery的某个值时如何将类添加到输入中

问题描述

我有一个带有 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');

标签： jqueryhtmlinput

解决方案

假设这发生在页面加载（而不是在页面加载之后）。您可以使用 jQuery.filter()按值过滤：

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

如果页面加载后该值变为 2。您需要附加一个事件：

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

推荐阅读