Jquery 如果文本长度超过10个字符,则收缩文本
嗨,我有下面的Jquery 如果文本长度超过10个字符,则收缩文本,jquery,html,Jquery,Html,嗨,我有下面的“示例”。我想检测此的长度,如果长度超过10个字符,请将其缩小为“Example ex…”。了解了?将其缩短为10个字符,并在末尾添加“…” 这是我的密码: HTML 但这不起作用…您必须使用两个标记 $("h2").each(function() { var dtl = $(this).text().length; //rest of your code goes here if(dtl>10){ var res = $(this).text(
“示例”。我想检测此
的长度,如果长度超过10个字符,请将其缩小为“Example ex…”。了解了?将其缩短为10个字符,并在末尾添加“…”
这是我的密码:
HTML
但这不起作用…您必须使用两个
标记
$("h2").each(function() {
var dtl = $(this).text().length;
//rest of your code goes here
if(dtl>10){
var res = $(this).text();
res = res.substring(0, 4); //apply your logic here what ever you want pass (0, 10)
$(this).text(res +"...");
}
});
在这种情况下,您需要使用substr: 您有
h2
标记元素,而不是.h2
类名
$(document).ready(function(){
var dtl = $("h2").text().length;
if(dtl>10){
$('h2').text($('h2').text().substr(0,10)+"...");
}
});
我只对一个元素执行此操作,您可能需要使用$(“h2”)。each()
以所有元素为目标
更完整的代码:
$(document).ready(function(){
$("h2").each(function() {
if($(this).text().length > 10) {
$(this).text($(this).text().substr(0,10)+"...");
}
});
});
演示
$(文档).ready(函数(){
$(“h2”)。每个(函数(){
如果($(this).text().length>10){
$(this).text($(this.text().substr(0,10)+“…”);
}
});
});代码>
JS-Bin
示例示例示例
例子
试试这个代码,它可能会起作用
<h2>This tag contains more than 10 characters</h2>
我不是那个否决你的人,但如果人们不喜欢这个问题,我猜是因为你基本上是在要求其他人为你写代码。什么?我发布了代码,我试过了,看看这个:,它有90多张选票?这里有人讨厌我,对我所有的帖子都投了否决票。你想在少于10个字符时截断文本吗?这听起来有悖常理。我已经检测到了长度,并试图缩小它,但它不起作用,所以我把我的问题贴在这里。检测部分工作得很好,但另一部分不行。这个网站不都是关于问编程问题的吗?是的,编程问题是受欢迎的。我的观点是,我认为你的意思是“如果超过10个字符”,而不是更少。它目前的书写方式令人困惑。”……如果少于10个字符,则缩减为……“尽管我认为这只是拙劣的措辞,而不是真正的意图:)
$(document).ready(function(){
$("h2").each(function() {
if($(this).text().length > 10) {
$(this).text($(this).text().substr(0,10)+"...");
}
});
});
<h2>This tag contains more than 10 characters</h2>
$(document).ready(function () {
var len = $("h2").text().length;
var text = $("h2").text();
if (len > 10) {
var stext = text.substring(0, 10);
$("h2").text(stext).append("...");
}
});