当10个字符满尺寸的Katakana时将文本包装

Question

我有<p>标签和菜单

<p>日本刀日本刀日本刀日本刀</p>

但是当文本超过16字节时，我希望将文本包装起来。

​

​

Answer 1

只需使用一些简单的步骤:将8设置为要包装的字符数。

​

var p = $('p'), string = p.text();

if (string.length > 8) {
  var stringToWrap = string.substring(0, 8);
  p.html(string.replace(stringToWrap, '<span>'+ stringToWrap +'</span>'));
}

span {
  font-weight: bold;
  color: red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>日本刀日本刀日本刀日本刀</p>

​