Nombre de caractères dans une zone de texte

Question

Je ne sais pas comment créer une fonction jquery qui compte combien de fois un caractère donné (par exemple la lettre "b", lowcase) est répété à l'intérieur d'un élément de la page (dans mon cas un div préformaté).

Des suggestions?

Answer 1

Une approche fonctionnelle avec la ligne de location de code pour envoyer un caractère à la recherche: - ***

$(document).ready(function(){ 
 
    $('button').click(function(){ 
 
    console.log(getCharCount('b'));// send any character 
 
    }); 
 
}); 
 

 
function getCharCount(search){ 
 
return $('textarea').val().toLowerCase().match(new RegExp(search, 'g')).length; // to check both lowercase case-uppercase presence 
 
//return ($('textarea').val().match(new RegExp(search, 'g')).length; // for lowercase match only 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<textarea></textarea> 
 

 
<button>count b</button>

Answer 2

faire comme ci-dessous: -

$(document).ready(function(){ 
 
    $('button').click(function(){ 
 
    var countB = $('textarea').val().toUpperCase().match(/B/g); 
 
    if(countB){ 
 
     console.log(countB); 
 
     console.log(countB.length); 
 
    } 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<textarea></textarea> 
 

 
<button>count b</button>

Answer 3

réutilisable pour toute lettre ..

function charCount (array, character) { 
 
     // Keep a running total. 
 
     var count = 0; 
 
     // Loop over the array. 
 
     for (var i = 0; i < array.length; i++) { 
 
      // If the character matches, increment the count. 
 
      if (array[i] === character) { 
 
       count ++ 
 
      } 
 
     } 
 
     // Return the count when the loop has finished. 
 
     return count; 
 
    } 
 

 
    // Push the characters into an array. 
 
    var letterArray = $('.text').text().toLowerCase().split(''); 
 

 
    // Pass the array and chosen letter to the function 
 
    alert(charCount(letterArray, 'b')) // 3

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
 
<textarea class="text">Bubbles</textarea>