Javascript Html阅读更多代码

Javascript Html阅读更多代码,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在用Html创建阅读更多代码 一切正常。但是当我点击阅读更多内容时。然后,它显示数据以及文本省略号属性,即…*。我希望阅读更多的文本,使其成为下一行的中心,但它也会显示… 正文后有三个点 我怎样才能去掉它 $(文档).ready(函数(){ var-showChar=400; var ellipseText=“…”; var moretext=“阅读更多”; var lesstext=“少读”; $('.more')。每个(函数(){ var content=$(this.html()

我正在用Html创建阅读更多代码

一切正常。但是当我点击阅读更多内容时。然后,它显示数据以及文本省略号属性,即…*。我希望阅读更多的文本,使其成为下一行的中心,但它也会显示

正文后有三个点

我怎样才能去掉它

$(文档).ready(函数(){
var-showChar=400;
var ellipseText=“…”;
var moretext=“阅读更多”;
var lesstext=“少读”;
$('.more')。每个(函数(){
var content=$(this.html();
如果(content.length>showChar){
var c=content.substr(0,showChar);
var h=content.substr(showChar-1,content.length-showChar);
var html=c+''+ellipseText+''+h+'';
$(this).html(html);
}
});
$(“.morelink”)。单击(函数(){
if($(this).hasClass(“更少”)){
$(此).removeClass(“更少”);
$(this.html(moretext);
}否则{
$(此).addClass(“更少”);
$(this.html(lesstext);
}
$(this.parent().prev().toggle();
$(this.prev().toggle();
返回false;
});
});
。注释{
宽度:93%;
保证金:0自动;
}
a、 莫林克{
大纲:无;
颜色:#5bc0de!重要;
}
.Morespan内容{
显示:无;
}

Lorem ipsum dolor sit amet,是一位杰出的献身者。
拉奥里特前庭,
索多尔西之舌,玉米粥。
两人一组。阿利夸姆马蒂斯purus非毛里斯
这是一只猫。
前庭整型葡萄品种。
纳勒姆是一个多洛阿尔库,ac临时精英。多尼克。
Lorem ipsum dolor sit amet,是一位杰出的献身者。
拉奥里特前庭,
索多尔西之舌,玉米粥。
两人一组。阿利夸姆马蒂斯purus非毛里斯
这是一只猫。
前庭整型葡萄品种。
纳勒姆是一个多洛阿尔库,ac临时精英。多尼克。
只需将ellipseText=“…”更改为“”

$(文档).ready(函数(){
var-showChar=400;
var ellipsestext=“”;
var moretext=“阅读更多”;
var lesstext=“少读”;
$('.more')。每个(函数(){
var content=$(this.html();
如果(content.length>showChar){
var c=content.substr(0,showChar);
var h=content.substr(showChar-1,content.length-showChar);
var html=c+''+ellipseText+''+h+'';
$(this).html(html);
}
});
$(“.morelink”)。单击(函数(){
if($(this).hasClass(“更少”)){
$(此).removeClass(“更少”);
$(this.html(moretext);
}否则{
$(此).addClass(“更少”);
$(this.html(lesstext);
}
$(this.parent().prev().toggle();
$(this.prev().toggle();
返回false;
});
});
添加
$(“.moreelises”).toggle()在“阅读更多”按钮中单击

$(文档).ready(函数(){
var-showChar=400;
var ellipseText=“…”;
var moretext=“阅读更多”;
var lesstext=“少读”;
$('.more')。每个(函数(){
var content=$(this.html();
如果(content.length>showChar){
var c=content.substr(0,showChar);
var h=content.substr(showChar-1,content.length-showChar);
var html=c+''+ellipseText+''+h+'';
$(this).html(html);
}
});
$(“.morelink”)。单击(函数(){
if($(this).hasClass(“更少”)){
$(此).removeClass(“更少”);
$(this.html(moretext);
}否则{
$(此).addClass(“更少”);
$(this.html(lesstext);
}
$(“.moreelipses”).toggle();
$(this.parent().prev().toggle();
$(this.prev().toggle();
返回false;
});
});
。注释{
宽度:93%;
保证金:0自动;
}
a、 莫林克{
大纲:无;
颜色:#5bc0de!重要;
}
.Morespan内容{
显示:无;
}

Lorem ipsum dolor sit amet,是一位杰出的献身者。
拉奥里特前庭,
索多尔西之舌,玉米粥。
两人一组。阿利夸姆马蒂斯purus非毛里斯
这是一只猫。
前庭整型葡萄品种。
纳勒姆是一个多洛阿尔库,ac临时精英。多尼克。
Lorem ipsum dolor sit amet,是一位杰出的献身者。
拉奥里特前庭,
索多尔西之舌,玉米粥。
两人一组。阿利夸姆马蒂斯purus非毛里斯
这是一只猫。
前庭整型葡萄品种。
纳勒姆是一个多洛阿尔库,ac临时精英。多尼克。

使用
readmore.js
jquery插件


在这里获取:

我想要。。。在那里你好。。在您的代码中,当我单击“阅读更多”时,会有空格。我使用adip piscing而不是adippiscingremove
您将摆脱空间
 $(document).ready(function() {
        var showChar = 400;
        var ellipsestext = "";
        var moretext = "Read More";
        var lesstext = "Read Less";
        $('.more').each(function() {
            var content = $(this).html();

            if(content.length > showChar) {

                var c = content.substr(0, showChar);
                var h = content.substr(showChar-1, content.length - showChar);

                var html = c + '<span class="moreelipses">'+ellipsestext+'</span>&nbsp;<span class="morecontent"><span>' + h + '</span><div class="text-center margin_top_10"><a href="" class="morelink">'+moretext+'</a></div></span>';

                $(this).html(html);
            }

        });

        $(".morelink").click(function(){
            if($(this).hasClass("less")) {
                $(this).removeClass("less");
                $(this).html(moretext);
            } else {
                $(this).addClass("less");
                $(this).html(lesstext);
            }
            $(this).parent().prev().toggle();
            $(this).prev().toggle();
            return false;
        });
    });