在p标记中使用Jquery计数字符并添加类
在p标记中使用Jquery计数字符并添加类
提问于 2021-09-09 11:26:16
我有一个jquery代码，它从输入文件中获取数据并显示在屏幕上。
现在，我希望jquery对字符(和空白)进行计数，并在其中添加一个类，但取决于字符的数量：
- if 1-3字符=字体大小36 12
- 如果4-7字符=字体大小33 12
- 8-12字符=字体大小30 12
这是我目前的代码：
$(document).ready(function(){
// Get value on button click and show text
$("#myBtn").click(function(){
var str = $("#name").val();
$('#one').html(str);
});
});回答 1
Stack Overflow用户
回答已采纳
发布于 2021-09-09 11:34:31
像这样
$(function() {
// Get value on button click and show text
$("#myBtn").click(function() {
const str = $("#name").val();
let size = "one"; // default
if (str.length < 4) size = "one"
else if (str.length < 8) size = "four"
else if (str.length < 13) size = "eight"
$('#one')
.html(str)
.removeClass()
.addClass(size)
});
});.one {
font-size: 36px
}
.four {
font-size: 33px
}
.eight {
font-size: 30px
}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<button type="button" id="myBtn">Click</button>
<textarea id="name"></textarea>
<span id="one"></span>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/69117356
复制相关文章
相似问题
腾讯云开发者
