javascript - 如何使用 JQuery 抑制文本？

Question

  $("#aFilter-Type").text(SelectedProductType);
    if ($('#dvFilter-Type').css('display') == 'none') {
        $("#dvFilter-Type").css("display", "block")
        Count = Count + 1;
    }

如果计数大于 10，我想获得“SelectedProductType”的计数，而不是我想抑制它，例如我的文本是“SelectedProductType”而不是我想显示“SelectedPr ...”这个文本任何想法

Answer 1

你可以使用原生的 JS 函数 substr()，这里是一个例子：

<div id="element">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore...</div>

<script>
    jQuery(document).ready(function($) {

        threshold = 10;

        element = $("#element");

        el_start = element.text().substr(0, threshold);
        el_end = element.text().substr(threshold);

        element.text(el_start + '...+ ' + el_end.length + ' more characters.');
    });
</script>

<!-- The result is: Lorem ipsu...+ 93 more characters. --> 

预览：http: //jsfiddle.net/AckHb/

Answer 2

取自这个问题：

如何在 jQuery 中截断字符串？

var title = "This is your title";

var shortText = jQuery.trim(title).substring(0, 10)
    .split(" ").slice(0, -1).join(" ") + "...";