javascript中最大字符数的链接不起作用

javascript中最大字符数的链接不起作用,javascript,html,Javascript,Html,我有一个js运行,看看是否达到最大字符数。它与href一起获得文本,但当达到最大字符数时,链接将不起作用,并将其转换为文本。当限制少于580个字符时,链接工作。当它达到极限时,read more链接就起作用了。任何建议或帮助,请和谢谢 $(document).ready(function () { var stylistText = $('#stylistText'); var stylistText2 = document.getElementById("stylistText").inner

我有一个js运行,看看是否达到最大字符数。它与href一起获得文本,但当达到最大字符数时,链接将不起作用,并将其转换为文本。当限制少于580个字符时,链接工作。当它达到极限时,read more链接就起作用了。任何建议或帮助,请和谢谢

$(document).ready(function () {
var stylistText = $('#stylistText');
var stylistText2 = document.getElementById("stylistText").innerHTML;
var countActualText = stylistText2.valueOf().length;
var maxLength = 580;
var aElement = document.createElement('a');
var linkText = document.createTextNode(" ...Read more");
aElement.appendChild(linkText);
aElement.href = "#";

if (countActualText > maxLength) {
    stylistText.text(stylistText.text().substring(0, 580));       
    stylistText.append(aElement);
   }
});
这是html

    <div class="stylistInfo">        
        <img id="stylistPhoto" src="images/Test.jpg" alt="peekaboo beans stylist" />
        <p id="stylistText">
            <a href="sdf">This is supposed to be a link</a> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec mauris odio. Sed varius, felis eget rutrum scelerisque, enim ligula porta nulla, id rhoncus orci nisi at nunc. Fusce cursus, libero a sagittis viverra, arcu eros luctus arcu, sit amet euismod sapien purus quis nisl. Praesent aliquam aliquam ante ornare pulvinar. Mauris ultrices dictum quam, at ornare dui blandit id. Sed erat elit, fringilla quis diam at, euismod rhoncus massa. Curabitur at arcu nisl. Nullam tincidunt lacus sapien, sed porttitor odio sodales sit amet. Nunc tincidunt nisi et nulla aliquam cras amet.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis nec mauris odio. Sed varius, felis eget rutrum scelerisque, enim ligula porta nulla, id rhoncus orci nisi at nunc. Fusce cursus, libero a sagittis viverra, arcu eros luctus arcu, sit amet euismod sapien purus quis nisl. Praesent aliquam aliquam ante ornare pulvinar. Mauris ultrices dictum quam, at ornare dui blandit id. Sed erat elit, fringilla quis diam at, euismod rhoncus massa. Curabitur at arcu nisl. Nullam tincidunt lacus sapien, sed porttitor odio sodales sit amet. Nunc tincidunt nisi et nulla aliquam cras amet.
        </p>
    </div>

Lorem ipsum dolor sit amet,是一位杰出的献身者。我是毛里斯·奥迪奥。塞德·瓦里乌斯(Sed varius)、埃吉特·鲁特鲁姆(felis eget rutrum scelerisque)、尼姆·利古拉(enim ligula porta nulla)和尼西(rhoncus orci nisi)在nunc。福斯·库苏斯,维韦拉射手座的自由女神,阿尔库·厄洛斯·卢库斯·阿尔库,坐在埃米特·尤伊斯莫德·萨皮恩·库苏斯·尼斯的位子上。这是一个不平等的事实。Mauris ultrices dictum quam,位于奥纳雷酒庄,位于埃拉特精英区,弗林利亚酒庄,位于马萨市。阿库尼斯的库拉比图尔。不可能是智者,也不可能是苏打水。这是一个不平等的事实,也是一个不平等的事实,一个不平等的事实,一个不平等的精英。我是毛里斯·奥迪奥。塞德·瓦里乌斯(Sed varius)、埃吉特·鲁特鲁姆(felis eget rutrum scelerisque)、尼姆·利古拉(enim ligula porta nulla)和尼西(rhoncus orci nisi)在nunc。福斯·库苏斯,维韦拉射手座的自由女神,阿尔库·厄洛斯·卢库斯·阿尔库,坐在埃米特·尤伊斯莫德·萨皮恩·库苏斯·尼斯的位子上。这是一个不平等的事实。Mauris ultrices dictum quam,位于奥纳雷酒庄,位于埃拉特精英区,弗林利亚酒庄,位于马萨市。阿库尼斯的库拉比图尔。不可能是智者,也不可能是苏打水。这是一个巨大的挑战。


更改
style.text(style.text().substring(0580))
stylistText.html(stylistText.html().substring(0580))


但是,截断包含HTML的文本块可能会导致其他问题,特别是如果截断发生在元素的中间。我建议你重新考虑一下你在这方面的整个策略。

谢谢你,伙计。这确实有帮助。你会清理我的密码的谢谢