Question

如何使用jQuery / Javascript计算段落标记中的字符数？例如，在这个样本中它将是3。

<div>
 <p class="tag">Jam</p>
</div>

您能以某种方式选择.length()的字符吗？

Answer 1

这就是你想要的

$.trim($("p").text()).length;

Answer 2

这可以通过vanilla javascript轻松完成：

var text = document.querySelector('.tag').innerText;
var textLength = text.trim().length;
// textLength = 3

Answer 3

而且，如果您像我一样拥有自己的网站编辑器，则可以使用此算法非常快速且紧凑地限制字符数：

JS：

function max_generic(event, elementId, max_gen_number){
//event = event.keyCode
//elementId = id for element
//max_gen_number = max number of characters
var keycode = (event.which) ? event.which : event.keyCode;
if(keycode !== 8){
var text_new = null;
var myDiv = document.getElementById(elementId).innerText;
var newlength = max_gen_number;
myDiv = document.getElementById(elementId).innerText.length;
if(myDiv == newlength){
text_initial_gen = document.getElementById(elementId).innerText;
document.getElementById(elementId).innerText = text_initial_gen;
}
if(myDiv >= newlength){
setTimeout(function(){document.getElementById(elementId).innerHTML = text_initial_gen}, 100);
} else{}

} else{}

}

HTML：

<p id="this_id_does_not_matter" onkeydown="max_generic(event, this.id, 10)">HELLO</p>

这么简单，不是吗？ :)

并且，您可以获取文本段落的长度或 h1,h2,h3,h4 元素等，与以下内容无关：

JS：

document.getElementById("this_id_does_not_matter").innerText.length;

或者你可以去创建一个这样的函数：

function get_text_length(id)
{
return document.getElementById(id).innerText.length;
}

然后，您可以根据自己的喜好自定义此功能。

<块引用> <块引用>

亚历克西follow on github :)

计算段落内的字符

3 个答案: