Javascript 追加'；阅读更多'；链接一定数量的字符后，隐藏其余字符

在jQuery中，我如何在大约162个字符之后添加一个“Read More”链接，隐藏其余的链接，一旦单击了Read More链接，显示它，单击它。。。把它藏起来

我看了其他问题，但答案是另一个div，它包含了文本的其余部分。我真的不想那样做

我正在试着写一段文字，仅此而已

<p>
                        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna                                enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip
                        </p>

知识本身是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德，是一种美德

给你：

HTML:

<div id="my_text" class="ellipsis">Lorem ipsum dolor sit amet ........ </div>

$('#read_more').click(function(){
    $('#my_text').toggleClass('ellipsis');
});

// Don't show Read More button if fewer than 500 chars
$(function(){
    if($('#my_text').html().length < 500)
    {
        $('#read_more').hide();
    }
});

JQuery:

<div id="my_text" class="ellipsis">Lorem ipsum dolor sit amet ........ </div>

$('#read_more').click(function(){
    $('#my_text').toggleClass('ellipsis');
});

// Don't show Read More button if fewer than 500 chars
$(function(){
    if($('#my_text').html().length < 500)
    {
        $('#read_more').hide();
    }
});

$（'read#more'）。单击（函数（）{
$（'my#u text'）。toggleClass（'省略号'）；
});
//如果少于500个字符，则不显示“读取更多”按钮
$（函数（）{
if（$（'#my_text'）.html（）.length<500）
{
$（'read#more'）.hide（）；
}
});

给你：

HTML:

<div id="my_text" class="ellipsis">Lorem ipsum dolor sit amet ........ </div>

$('#read_more').click(function(){
    $('#my_text').toggleClass('ellipsis');
});

// Don't show Read More button if fewer than 500 chars
$(function(){
    if($('#my_text').html().length < 500)
    {
        $('#read_more').hide();
    }
});

JQuery:

<div id="my_text" class="ellipsis">Lorem ipsum dolor sit amet ........ </div>

$('#read_more').click(function(){
    $('#my_text').toggleClass('ellipsis');
});

// Don't show Read More button if fewer than 500 chars
$(function(){
    if($('#my_text').html().length < 500)
    {
        $('#read_more').hide();
    }
});

$（'read#more'）。单击（函数（）{
$（'my#u text'）。toggleClass（'省略号'）；
});
//如果少于500个字符，则不显示“读取更多”按钮
$（函数（）{
if（$（'#my_text'）.html（）.length<500）
{
$（'read#more'）.hide（）；
}
});

那你想怎么做？我的意思是，如果你想表达语义的话，你可以使用SPAN而不是DIV。嗯，我想把字符包装在想要的数量之后，然后隐藏？你可以对固定大小的DIV使用overflow属性（但你必须考虑跨浏览器兼容性）。你能解释一下你为什么不想要另一个div吗？这是一种方式。很难说，因为您没有为您的尝试发布任何代码。您是否只需要执行客户端操作（意味着注入任何标记都不能是服务器端的）？你在处理什么？您可以使用Javascript在161处截断，并将其余部分添加到该属性的

rel

属性中，然后在单击（js插入的）元素时触发它，这可以添加/删除

rel

文本。考虑到你所面临的挑战和你所做的尝试，有很多不同的方法客户机对html知之甚少。我希望他可以直接输入代码，他不介意，添加他想要的文本，而不用担心他必须有多少个字符，等等，让代码为我隐藏你想怎么做？我的意思是，如果你想表达语义的话，你可以使用SPAN而不是DIV。嗯，我想把字符包装在想要的数量之后，然后隐藏？你可以对固定大小的DIV使用overflow属性（但你必须考虑跨浏览器兼容性）。你能解释一下你为什么不想要另一个div吗？这是一种方式。很难说，因为您没有为您的尝试发布任何代码。您是否只需要执行客户端操作（意味着注入任何标记都不能是服务器端的）？你在处理什么？您可以使用Javascript在161处截断，并将其余部分添加到该属性的

rel

属性中，然后在单击（js插入的）元素时触发它，这可以添加/删除

rel

文本。考虑到你所面临的挑战和你所做的尝试，有很多不同的方法客户机对html知之甚少。我希望他可以直接输入代码，他不介意，添加他想要的文本，而不用担心他必须有多少字符，等等。让代码进行隐藏。你能在段落div中添加read more div吗？你不想在段落中添加div，但是，您可以始终使用CSS使其显示为定位等。是否可以禁用“阅读更多”链接，直到出现一定数量的字符？@kdevs3-如果您发现此答案有用并解决了您的问题，请单击问题旁边概述的复选标记，并/或向上投票。：）你可以在段落div中添加read more div吗？你不想在段落中添加div，但你可以使用CSS使其显示为带有定位等。是否可以禁用read more链接，直到有一定数量的字符？@kdevs3-如果你觉得这个答案有用并解决了你的问题，请单击问题旁边概述的复选标记，并/或向上投票：