jquery 截取td文本

最新推荐文章于 2021-12-08 10:54:01 发布
最新推荐文章于 2021-12-08 10:54:01 发布
阅读量1.3k 收藏
点赞数
分类专栏： jquery 效果 文章标签： jquery class 优化 function div xhtml
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jiangquan1982/article/details/4985452
版权

实例1：

我们想改变这么一段代码中间td之间的文本

<table>
<tr id='generated_rows'>
<td class='row_class' id='row_id_1'>text 1</td>
<td class='row_class' id='row_id_2'>text 2</td>
<td class='row_class' id='row_id_3'>text 3</td>
<td class='row_class' id='row_id_4'>text 4</td>
<td class='row_class' id='row_id_5'>text 5</td>
</tr>
</table>  

实现显示为：

<table>
<tr id='generated_rows'>
<td class='row_class' id='row_id_1'>text 1.00</td>
<td class='row_class' id='row_id_2'>text 2.00</td>
<td class='row_class' id='row_id_3'>text 3.00</td>
<td class='row_class' id='row_id_4'>text 4.00</td>
<td class='row_class' id='row_id_5'>text 5.00</td>
</tr>
</table>

实现的函数为：

$('#generated_rows td.row_class').each(function() { 
     var x = Number($(this).text()).toFixed(2); 
     $(this).text(x); 
}); 

实例2：

<!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>


本文摘自：http://www.jquery123.com/news/2009123141223.html

         http://www.jquery123.com/news/200912314911.html
D6元素
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
如何用jquery获得td里边的内容
weixin_30486037的博客
09-15 1629
jQuery 中使用 text() 或者 html() 函数可以获取td的内容： $("td").text(); // 或者 $("td").html(); 二者区别在于前者返回所选元素的文本内容，后者返回所选元素的内容（包括 HTML 标记）。 下面实例演示：点击按钮后获取所有选中行的td单元格的内容 1、HTML结构 <table id = "test"> ...
jQuery截取指定长度字符串代码
12-09
`objString = $(this).text(objString.substring(0,num) + "...")`截取文本至指定长度，并在末尾添加省略号`...`，然后更新`<div>`的文本内容。 最后，`$(document.body).limit();`在文档加载完成后调用`limit`函数...
jquery 截取长文本和css
07-31
方法一：用CSS截断字符串：IE,FireFox，Opera ，Safari都兼容 .subLongText{ width:150px; height:24px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-overflow: ellipsis;/* IE/Safari */ -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis;/* Opera */ -moz-binding: url("ellipsis.xml#ellipsis");/*FireFox*/ } <span class="subLongText">任意长度文本</span> 方法二：适用js截取 <HTML> <HEAD> <TITLE>JQUERY 文本截取方法</TITLE> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript"> $.fn.substr = function(length,content){ $(this).each(function(i,item){ var val=$(item).html(); if(!val) return; if(val.length>length) { val = val.substring(0,length); val += content || "..." $(item).html(val); } }); } function subTdContent(){ $('td').substr(20); } </script> </HEAD> <BODY onload="javascript:subTdContent();"> <table style="border:1px solid #b3c0f5;" border="1"> <tr> <td>我是代码：$.fn.substr = function(l,c){ $(this).each(function(i,item)</td> <td>以下两种方式都可以解决textarea行高自动适应类容的高度</td> <td>以下两种方式都可以解决textarea行</td> </tr> </table> </BODY> </HTML>
怎么截取表格格子（td）里面的字符串（基础）
yytasty的博客
09-29 782
背景 1.最近公司重构了一个项目，之前是前后端不分离的项目，请求直接返回一个页面。重构以后更改为前后端分离，通过接口来交换数据。 2.本该返回一个数组作为表格的数据，结果今天我访问接口返回了一个页面，与预期相去甚远。 3.后端又放假了，暂时改不了接口，只能自己先扒表格里面的数据顶着。 代码 1.请求结果的截图 2.打开这字符串，终于找到了我想要的东西 3.问题来了，我是不是只要截取字符串&lt...
JQuery操作tr和td内容
永远都不要忘记为谁而努力奋斗
03-06 4780
$(document).ready(function () { $("#selEmployee").click(function () { var $table = $("#tbProEmployee tr"); var len = $table.length; var trid
jquery获取td的内容
u011155153的专栏
12-21 1万+
html 界面代码                                   编号                 考核项                 权重>                                                                                            
jquery 截取字符串的实现
10-29
### 使用jQuery实现字符串截取功能 #### 一、概述 在网页开发中，经常会遇到需要对文本内容进行处理的情况，比如限制某个元素内的文本长度，让过长的文字以省略号或其他形式展示，并且保留完整内容作为提示信息。...
jquery 文本复制控件
12-16
本文将深入探讨“jquery文本复制控件”的相关知识点，这是一款专为前端和后端开发者设计的实用工具，使得用户只需点击文本即可实现内容的快速复制，并能提供友好的提示信息。 首先，我们要理解jQuery复制文本的核心...
jquery根据td给相同tr下其他td赋值的实现方法
10-21
下面就为大家带来一篇jquery根据td给相同tr下其他td赋值的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
jQuery获取元素内容
天高任鸟飞
07-23 5471
html()方法 返回或设置被选元素的内容 如果，没有参数，返回被选元素的内容 如果，有参数，设置被选元素的内容 // 返回元素 var text=$(‘.divClass’).html(); // 设置元素 var a='&lt;a&gt;我是a标签&lt;/a&gt;'; div.html(a); text()方法 返回或设置被选元素的文本内容 如果，没有参数，返回被选...
通过js获取td标签的text、html、innerhtml三者的区别
热门推荐
Ideality_hunter的专栏
04-19 1万+
注意innerhtml是原生的js的用法。 text、html是jQuery的用法，原生的js语法是没有text、html这种用法的。 原生的innerhtml = jQuery的html() html()获取的是id=？的标签如www.baidu.com中的html代码，即www.baidu.com。 text()获取的是id=？的标签如www.baidu.c
jquery查找tr td
zhuyu19911016520
05-07 6144
今天有人在群里突然问我$("#MainContent_GridView1").closest("tr").children("td:eq(1)")这个怎么查不到
jQuery获取文本自动截取过长的文本内容,显示成省略号形式
航仔的博客
05-22 1153
当我们要对页面中的文本进行截取，多余部分显示省略号，多个页面调用的时候，下面代码是我做的一个简单的封装。 HTML <ul class="text"> <li>截取字段截取字段截取字段截取字段截取字段截取字段</li> <li>截取字段截取字段截取字段截取字段截取字段截取字段</li> </ul> 页面jQue...
jQuery html text val 方法
hck341204的专栏
12-09 127
在jquery中val,text,html都能取到值,或加一个参数来赋值,那么它们有些什么区别?下面我们来举例说明： 首先，html属性中有两个方法，一个有参，一个无参 1. 无参html（）：取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档，返回的是一个String 例子： html...
jquery各种常用获取tr中的td，td中的input，以及一些数字校验
qq3892997的博客
12-08 7198
var row = $("#grid tr:visible").length; //获取table中所有tr的行数 var tr = $("#grid tr");//grid是table的id，获取table下所有的tr for (i = 1; i < row; i++) { //数据 是从第1行开始，0行一般是标题 var td = tr.eq(i).children('td'); //获取tr下所有的td td.each(function(j){ // 遍历 tr 的各个 td...
汇总常用的jQuery操作Table tr td方法
Masha
07-07 574
虽然现在DIV+CSS进行页的布局大行其道，但是很多地方使用table还是有很多优势，用table展示数据是比较方便的，下面汇总了jQuery操作Table tr td常用的方法，熟记这些操作技巧，下次再使用的到时候，会让你如鱼得水，提高开发效率。 1.鼠标移动行变色  $("#table1 tr").hover(function(){    $(this).children("...
jquery 截取字符串
最新发布
08-23
要使用jQuery截取字符串，你可以使用JavaScript的字符串操作方法以及jQuery的选择器和DOM操作。下面是一个使用jQuery截取字符串的示例代码： ```javascript // 获取字符串 var str = "Hello, world!"; // 使用...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值