返回带有 substr JQuery 的 html 标记？答案

【问题标题】：Return a html tag with substr JQuery?返回带有 substr JQuery 的 html 标记？
【发布时间】：2016-07-27 10:20:57
【问题描述】：

我想在关注jquery之后添加这个html标签<a href="#">Read More</a>

$("span.fine-print").text(function(index, currentText) {
       if (currentText.length > 200) {
         return currentText.substr(0, 200)+'...';

    }
});

如何在此之后添加“阅读更多”链接。任何帮助都非常受欢迎。谢谢，

【问题讨论】：

viralpatel.net/blogs/…

标签： jquery html substring substr

【解决方案1】：

您必须使用 html() 方法来获取和插入 HTML，text() 方法仅适用于 ... 文本。

$("span.fine-print").html(function(index, currentHTML) {
    if (currentHTML.length > 200) {
        return currentHTML.substr(0, 200) + '...<a href="#">Read More</a>';
    }
});

FIDDLE

【讨论】：

我很兴奋。非常感谢。

【解决方案2】：

试试这个：

var currentText = $(".fine-print").text();
if(currentText.length > 10) {
  $("span.fine-print").html(currentText.substr(0, 10)+'  <a href="#" class="readmore">Read More </a>');
  $(".readmore").click(function(){
    $("span.fine-print").html(currentText);
  })
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<span class="fine-print"> Lorem Ipsum Lorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem IpsumLorem Ipsum </span>

【讨论】：