主页 / 问题 / 761842
Accepted
Anton Essential
Asked:2020-12-22 18:02:04 +0800 CST2020-12-22 18:02:04 +0800 CST

如何计算每个字符串中的字符数？

  • 772

下午好，告诉我如何分别计算每行中的字符数。

var str = $('.str')

function leng() {
    if(str.text().length > 10) {
        console.log(str.text().length)
    }
};

leng();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class='str'>123456789011</div>
<div class='str'>123456789011</div>
<div class='str'>123456789011</div>
<div class='str'>123456789011</div>

目前，该函数从所有字符串中选择所有字符，如果其中一个字符串很大，我只需要更改字体，字体就会变小。

javascript

2 个回答

  1. Best Answer

    var str = $('.str'); 
// Тут у вас коллекция jQuery - объектов
console.log(str.length)

function leng() {
    // Соотвественно текст собирается по всей коллекции -
    console.log(str.text()); 
    // Нужно перебрать по одному:
    str.each((index, elem) => {
        console.log($(elem).text().length);
        // Как-то так:
        // if($(elem).text().length > 11) $(elem).addClass('long');
    });
};

leng();



//PS: И jQuery для этого не нужен.
var str = document.getElementsByClassName('str');
[...str].forEach(el => {
  if(el.innerText.length > 11) el.classList.add('long');
});
    .long{
  color: red;
}
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class='str'>1234567890</div>
<div class='str'>12345678901</div>
<div class='str'>123456789012</div>
<div class='str'>1234567890123</div>

    • 2 

  2. var str = $('.str'),
    fs = 12;

function leng() {

    str.each(function() {
 
        if($(this).html().length > 10 ) {
        
            $(this).css("font-size",fs);
            
        }
    
    })
    
};

leng();
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class='str'>12345678901191234567890119</div>
<div class='str'>1234567890</div>
<div class='str'>1234567</div>
<div class='str'>1234</div>

    • 1

相关问题