`

jquery 截取字符串的实现

 
阅读更多 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>cookie</title> 
<script src="http://img.jb51.net/jslib/jquery/jquery-1.3.2.min.js" type="text/javascript"></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 class="blank">请按F5刷新页面。。。。</div> 
<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> 




<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'> 
<html xmlns='http://www.w3.org/1999/xhtml'> 
<head> 
<meta http-equiv='Content-Type' content='text/html; charset=gb2312' /> 
<title>需要F5刷新一下</title> 
<script src='http://img.jb51.net/jslib/jquery/jquery-1.3.2.min.js' type='text/javascript'></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> 
</head> 
<body> 
需要F5刷新一下 
<table> 
<tr id='generated_rows'> 
<td class='row_class' id='row_id_1'>1</td> 
<td class='row_class' id='row_id_2'>2</td> 
<td class='row_class' id='row_id_3'>3</td> 
<td class='row_class' id='row_id_4'>4</td> 
<td class='row_class' id='row_id_5'>5</td> 
</tr> 
</table> 
<script type="text/javascript"> 
$('#generated_rows td.row_class').each(function() { 
var x = Number($(this).text()).toFixed(2); 
$(this).text(x); 
}); 
</script> 
</body> 
</html>
分享到：
| 用jQuery解决IE不支持的option disable属性
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jQuery截取指定长度字符串的实现原理及代码

    截取指定长度字符串操作在网站建设中大量使用，尤其是在新闻列表这种类型的操作中大量应用。 下面就是一个截取字符串...jQuery截取字符串操作&lt;/title&gt; &lt;script type="text/javascript" src="mytest/jQuery/jq

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

    本文将详细讲解如何使用jQuery截取指定长度的字符串，并分析相关的实现原理及代码注释。 标题所提到的"jQuery截取指定长度字符串代码"实际上是一个JavaScript插件方法，它扩展了jQuery的核心功能，允许开发者便捷地...

    Jquery循环截取字符串的方法(多出的字符串处理成"...")

    `Jquery循环截取字符串的方法(多出的字符串处理成"...")`这个标题描述了一个常见的需求，即如何在字符串超出特定长度时，用省略号（"..."）来表示被截断的部分。下面我们将详细介绍如何实现这一功能。 首先，让我们...

    Jquery截取中文字符串的实现代码

    总之，`cut_str()`函数展示了如何在JavaScript或jQuery环境中正确处理包含中文字符的字符串截取，确保截取的结果不会出现乱码或丢失部分字符。在实际开发中，这样的函数对于处理多语言文本尤其重要，特别是涉及到...

    字符串截取

    在进行字符串处理的过程中，经常会遇到需要根据特定条件或长度来截取字符串的需求。本篇主要介绍了一种根据指定字节数来截取字符串的方法，并考虑到了不同的编码方式对字符串长度的影响。此外，还涉及了一些关于如何...

    jquery截字符串长度插件化

    ### jQuery截字符串长度插件知识点解析 #### 一、插件概述 在Web开发中，经常需要对HTML页面中的文本内容进行截取处理，尤其是在显示摘要或者限制输入长度时非常常见。本文介绍的jQuery插件可以实现对HTML元素中的...

    浅谈jquery拼接字符串效率比较高的方法

    本文中提到的是利用jQuery中的方法来实现高效的字符串拼接。 1. 使用数组存储字符串片段，利用数组的join方法来合并字符串：这是一种常见的做法，可以有效提高性能。具体来说，我们先将所有需要拼接的字符串片段放...

    jquery 截取图片 上传

    接着，我们可以使用`toDataURL()`方法将画布上的图像转换为Base64编码的字符串，这个字符串可以直接作为数据URL插入到`&lt;img&gt;`标签中显示，也可以用于上传到服务器。 在jQuery中，我们可以方便地添加事件监听器来...

    jquery 删除字符串最后一个字符的方法解析

    此外，jQuery本身并不直接提供字符串操作的方法，以上所有的操作都是通过JavaScript提供的字符串操作方法来实现的。jQuery在处理这些操作时，可能只是用来简化DOM操作和事件处理，使得整体代码更加简洁。字符串操作...

    jquery头像截取类似qq截图功能

    - 截取后的图像数据再次通过Canvas API转换为Base64编码的字符串，以便于提交到服务器。 2. **实现步骤** - **图片预览**：利用`FileReader` API读取上传的图片文件，转换成DataURL并赋值给`&lt;img&gt;`标签的`src`...

    java 字符串指定长度

    - `substring(int beginIndex, int endIndex)` 方法可以用于截取字符串，从beginIndex位置开始到endIndex-1位置结束的字符。 2. **填充字符串**： - 使用`String.format()`方法配合`%n`或其他格式化符号，可以...

    jquery实现aes加密，后端php解密

    // 将前端传来的密钥（通常为16进制字符串）转换为二进制 $iv = hex2bin($ivHexFromFrontend); // 同理，将初始化向量转换为二进制 $decrypted = openssl_decrypt($encrypted, 'aes-128-cbc', $key, OPENSSL_RAW_...

    JQ 删除字符串最后一个或几个字符的方法.rar

    这两个方法都能截取字符串的一部分。例如： ```javascript var str = "Hello, World!"; var newStr = str.substring(0, str.length - 1); // 或者 var newStr = str.slice(0, -1); console.log(newStr); // ...

    js去字符串前后空格5种实现方法及比较.docx

    这种方法首先移除左侧空格，然后从右侧开始遍历字符串，找到第一个非空格字符，截取字符串直到这个位置。这种方法在处理长字符串时效率较高。 测试表明，第五种方法在处理大量数据时具有更好的性能。然而，对于...

    JQUERY上传图片截取

    利用HTML5的File API，我们可以获取到文件对象，并通过`FileReader`的`readAsDataURL`方法将图片转换为Base64编码的字符串，然后显示在页面上。 2. **图片截取**：为了截取图片，我们需要一个图片裁剪插件。在给定...

Magicbox
Global site tag (gtag.js) - Google Analytics