Calculate the text width using jQuery

index.js

$(function () {
  var $target = $('#target');
  var text = $target.text();
  text.split('').forEach((str) => {
    console.log(str + "'s length is " + textWidth($target, str));
  });
});

lib.js

/**
 * Calculate the width of the text in the element
 * @param {jQuery Object} element - the element
 * @param {string} text - the text in the element
 * @returns {float} the text width
 */
function textWidth(element, text) {
  $element = $(element);
  var span = $('<span>').hide().append(text);
  $element.append(span);
  var width = span.width();
  $element.find('span:first').remove();
  return width;
}

// Just a bit refer to https://stackoverflow.com/questions/1582534/calculating-text-width