文章詳情頁

javascript - 當(dāng)一個(gè)標(biāo)簽中的字超過9個(gè)字符就以省略號(hào)顯示,詳情看截圖

瀏覽：111日期：2023-01-06 17:58:29

問題描述

要求左邊的span標(biāo)簽中的字超過9個(gè)字符就以點(diǎn)省略號(hào)顯示,右邊的span和左邊span是一樣的 javascript - 當(dāng)一個(gè)標(biāo)簽中的字超過9個(gè)字符就以省略號(hào)顯示,詳情看截圖

問題解答

回答1：

$(’span’).text().length>9?$(’span’).text($(’span’).text().slice(0,9)+’...’):$(’span’).text($(’span’).text())

回答2：

給你來了個(gè)JS 版 num*10是后面的三個(gè)點(diǎn)需要占一個(gè)位置

<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <meta name='viewport' content='width=device-width, initial-scale=1.0'> <meta http-equiv='X-UA-Compatible' content='ie=edge'> <title>Document</title> <style>span { display: inline-block; /*font-size: 24px;*/}.hidden { white-space: nowrap; /*width: calc(24px*9);*/ text-overflow: ellipsis; overflow: hidden;} </style></head><body> <h3><span class='a'>哈哈哈哈哈哈哈哈哈哈哈哈</span>-<span class='b'>哈呵呵呵呵呵呵還好還好還好</-span> </h3></body><script type='text/javascript'> window.onload = function(){function hideWords(tagClass) { var spanTag = document.querySelector(tagClass), fz = document.defaultView.getComputedStyle(spanTag).fontSize, num = parseFloat(fz); var widths = num*10; spanTag.style.width = widths + ’px’; if(spanTag.innerHTML.length > 9) {spanTag.setAttribute(’class’,’hidden’); }}hideWords(’.a’);hideWords(’.b’); }</script></html>

JavaScript

上一條：javascript - 我看有的網(wǎng)頁里面有 html5.js 什么意思下一條：javascript - 為什么這個(gè)點(diǎn)擊事件需要點(diǎn)擊兩次才有效果

排行榜

					
					docker - 如何修改運(yùn)行中容器的配置
					1. 在windows下安裝docker  Toolbox 啟動(dòng)Docker Quickstart Terminal 失敗！
					2. dockerfile - [docker build image失敗- npm install]
					3. 為什么我ping不通我的docker容器呢？？？
					4. nignx - docker內(nèi)nginx 80端口被占用
					5. docker網(wǎng)絡(luò)端口映射，沒有方便點(diǎn)的操作方法么？
					6. angular.js - angular內(nèi)容過長展開收起效果
					7. docker綁定了nginx端口 外部訪問不到
					8. docker不顯示端口映射呢？
					9. javascript - nodejs調(diào)用qiniu的第三方資源抓取，返回401 bad token，為什么
					10. 
			熱門標(biāo)簽

					
					PHP

					JavaScript

					HTML

					CSS

					java

					vue

					數(shù)據(jù)庫

					微信

					百度

					

<del id="60i0o"></del><del id="60i0o"></del>

<fieldset id="60i0o"></fieldset>

色综合图-色综合图片-色综合图片二区150p-色综合图区-玖玖国产精品视频-玖玖香蕉视频

javascript - 當(dāng)一個(gè)標(biāo)簽中的字超過9個(gè)字符就以省略號(hào)顯示,詳情看截圖