- 當前設置超出10個字符顯示“...” 和 “更多”（這是比較簡單的方式）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>js控制顯示字符</title>
</head>
<body>
<div class="box">我還沒超出喲</div>
<div class="box">真的很抱歉，我超出最大長度曙强，可能有一部分不顯示了呢</div>
</body>
<script type="text/javascript" src="https://blog-static.cnblogs.com/files/wh35/jquery-3.2.1.min.js" ></script>
<script type="text/javascript">
$(".box").each(function () {
var str = $(this).html()
var subStr = str.substring(0, 10)
$(this).html(
subStr +
(str.length > 10
? "..." + "<a href='#' class='active'>查看更多</a>"
: "")
)
})
</script>
</html>
效果圖.png
