Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/398.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
Javascript 如何限制'&书信电报;李>';要素_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 如何限制'&书信电报;李>';要素

Javascript 如何限制'&书信电报;李>';要素,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在尝试实现一些东西来限制的大小。功能是,你可以写一篇文章,n个字符,但它应该只显示500个字符,然后我想把像阅读更多按钮 目前,我有一个按钮谁来,如果文本是500个字符,但我找不到如何限制大小 有人可以给我一些建议吗?你可以使用substring只输入一部分字符,然后在鼠标上方重新显示 鼠标悬停时,使用子字符串更改li标记内的文本 var myLi = $('#your-li-id'); myLi.text(myLi.text().substring(0,500)) 也许你可以用CSS来设

我正在尝试实现一些东西来限制
  • 的大小。功能是,你可以写一篇文章,n个字符,但它应该只显示500个字符,然后我想把像阅读更多按钮

    目前,我有一个按钮谁来,如果文本是500个字符,但我找不到如何限制大小


    有人可以给我一些建议吗?

    你可以使用substring只输入一部分字符,然后在鼠标上方重新显示

    鼠标悬停时,使用子字符串更改li标记内的文本

    var myLi = $('#your-li-id');
    myLi.text(myLi.text().substring(0,500))
    

    也许你可以用CSS来设计它?比如:(你也必须定义它的宽度)


    与jquery相比,只需单击按钮,然后在CSS中显示全文,就可以更改类了。

    您可以使用jquery进行更改。看看这个:

    $(文档).ready(函数(){
    变量计数=$(“#计数”).text().length;
    var max=5//li中的最大字符数
    如果(计数>最大值){
    $(“#计数”).text($(“#计数”).text().slice(0,最大值));
    $(“#count”).append(“阅读更多…”);//在此处添加您的按钮或任何您喜欢的内容。
    }
    });
    
    
    
    • 1234567890
    您可以尝试以下方法:

    <li id="demo">Some lenghty string goes here</li>
    function myFunction() {
    var str = "Hello world!";
    var res = str.substring(1, 4);
    document.getElementById("demo").innerHTML = res;
    }myFunction();
    
  • 这里出现了一些长字符串
  • 函数myFunction(){ var str=“你好,世界!”; var-res=str.substring(1,4); document.getElementById(“demo”).innerHTML=res; }myFunction();

    如果您想打开,请单击:

    <button onclick="myFunction()">Try it</button>
    
    function myFunction() {
    var str = "Hello world!";
    var res = str.substring(1, 4);
    document.getElementById("demo").innerHTML = res;
    }
    
    试试看
    函数myFunction(){
    var str=“你好,世界!”;
    var-res=str.substring(1,4);
    document.getElementById(“demo”).innerHTML=res;
    }
    
    你需要发布你的代码。@Panda我认为这没用……我能给你看什么?HTML代码?你熟悉javascripts子字符串函数吗?@madalinivascu不熟悉,但我愿意学习一个新东西:)嗨,Patrick,谢谢你的帮助,这是一个很好的方法,但我使用了@AurA的方法(我对你的方法投了赞成票,因为它仍然很好)如果您需要更多帮助,请告诉我。谢谢您的帮助,但我使用了@AurAI know bro的解决方案,因为stackoverflow规则,所以需要等待;)
    <button onclick="myFunction()">Try it</button>
    
    function myFunction() {
    var str = "Hello world!";
    var res = str.substring(1, 4);
    document.getElementById("demo").innerHTML = res;
    }