Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如果文本长度超过10个字符,则收缩文本_Jquery_Html - Fatal编程技术网

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("...");
        }

    });