个人中心
gpt4 book ai didi

jQuery截取指定长度字符串代码

转载 作者：qq735679552 更新时间：2022-09-27 22:32:09 26 4
gpt4 key购买 nike

CFSDN坚持开源创造价值，我们致力于搭建一个资源共享平台，让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章jQuery截取指定长度字符串代码由作者收集整理，如果你对这篇文章有兴趣，记得点赞哟.

例子，截取字符串代码.

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv= "Content-Type" content= "text/html; charset=utf-8" />
<title>jQuery截取字符串操作---www.zzvips.com</title>
<script type= "text/javascript" src= "mytest/jQuery/jquery-1.8.3.js" ></script>
<style>
*
{
margin:0;
padding:0;
font-family: "宋体" , Arial, Helvetica, sans-serif;
}
#best
{
width:300px;
height:200px;
border:1px solid #ccc;
margin:60px auto 0;
line-height:1.6;
font-size:14px;
padding:10px 0 0 10px
}
.blank
{
font-size:18px;
font-weight:bold;
text-align:center;
padding:20px
}
</style>
<script type= "text/javascript" >
jQuery.fn.limit= function (){
var self = $( "div[limit]" );
self.each( function (){
var objString = $( this ).text();
var objLength = $( this ).text().length;
var num = $( this ).attr( "limit" );
if (objLength > num){
$( this ).attr( "title" ,objString);
objString = $( this ).text(objString.substring(0,num) + "..." );
}
})
}
$( function (){
$(document.body).limit();
})
</script>
</head>
<body>
<div id= "best" >
<div limit= "12" >计算字串的长度长度长度长度</div>
<div limit= "10" >这边有优化很公开这边</div>
<div limit= "12" >这边有优化很公开长度长度很公开长度</div>
<div limit= "12" >计算字长度长度</div>
<div limit= "10" >这边有优化很边有优化很边有优化很边有优化很边有优化很</div>
</div>
</body>
</html>

以上代码实现了截取字符串的功能. 。

一.实现原理 。

获取div中文本的长度，然后和通过和属性limit规定的长度进行对比，如果超出长度则使用截取指定的长度，后面用...替代.

二.代码注释 。

1.jQuery.fn.limit=function(){}，用以为jQuery扩展一个实例函数，jQuery对象可以调用此函数。 2.var self = $("div[limit]"),用以获去具有limit属性的div对象集合。 3.self.each(function(){ }，可以让获取的让div对象集合中的每一个对象遍历执行一次指定的函数。 4.var objString = $(this).text()，获取div元素中的文本内容，这里的this是指当each()函数进行遍历时当前div。 5.var objLength = $(this).text().length，获取当前div中文本内容的长度。 6.var num = $(this).attr("limit")，获取div中limit属性值，在这里用作了指定的字符长度。 7.if(objLength > num){},div中文本内容长度大于指定长度这执行指定的代码。 8.$(this).attr("title",objString)，将div的title属性值设置为div中的内容。 9.objString = $(this).text(objString.substring(0,num) + "...")，截取指定长度字符串，超出的用省略号代替.

最后此篇关于jQuery截取指定长度字符串代码的文章就讲到这里了,如果你想了解更多关于jQuery截取指定长度字符串代码的内容请搜索CFSDN的文章或继续浏览相关文章，希望大家以后支持我的博客！ 。

26 4 0
文章推荐： jQuery控制TR显示隐藏的三种常用方法
文章推荐： 简单了解Django项目应用创建过程
文章推荐： 如何在mac下配置python虚拟环境
文章推荐： jquery实现的下拉和收缩效果示例
qq735679552
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com