gpt4 book ai didi

jquery - 达到一定数量后加类

转载 作者:太空宇宙 更新时间:2023-11-03 20:30:25 26 4
gpt4 key购买 nike

我正在尝试添加一个类并在字符数达到特定数字时更改文本的颜色。请帮我弄清楚为什么没有添加类并且颜色没有改变。

   <body>
<form>
<div class="form-group">
<label for="description">Description:</label>
<textarea class="form-control" id="description"></textarea>
<span id="char">0</span> characters
</div>
</form>
</body>

<script>
$('#description').keyup(function(){
var maxLength = 155;
var length = $(this).val().length;
$('#char').text(length);
if(length > maxLength) {
$('char').addClass("warning")
}
});
</script>

在 CSS 中,警告将是颜色:红色

谢谢!

最佳答案

您忘记在选择器中添加#

$('#description').keyup(function() {
var maxLength = 10;
var length = $(this).val().length;
$('#char').text(length);
if (length > maxLength) {
$('#char').addClass("warning")
}
});
.warning {
color: red;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="form-group">
<label for="description">Description:</label>
<textarea class="form-control" id="description"></textarea>
<span id="char">0</span> characters
</div>

关于jquery - 达到一定数量后加类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43382804/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com