td元素中带有传递参数的Javascript函数
Javascript function in td element with passing parameter
我有以下<td>
元素,它显示从数据库中检索到的数据,以显示艺术家的追随者。
<td>
<span id="followers">
<? echo empty($artist['Artist']['followers']) ? 'N/A' : number_format($artist['Artist']['followers']);?>
</span>
</td>
有些值非常大,可以达到6位数。我想写一个Javascript函数,它将接受子字符串,并且只显示前3位数字。
如何编写函数并将参数作为值传递:$artist['Artist']['followers']
我可以用PHP来做这件事,但我需要用javascript来做。
缩短方法(可以将提取索引作为参数传递):
/* USAGE:
str - string to truncate;
start - start index, character position in the string, from which the string should start. Deafault: 0;
end - end index, character position in the string, at which the string should end. Deafault: 3;
*/
function shorten(str, start, end){
// use .trim() to remove whitespaces from the string
return str.trim().substring((start !== undefined ? start : 0),(end !== undefined ? end : 3));
}
通过这种方式,您可以使用纯Javascript缩短页面上每个<td>
元素的<span>
内部的文本:
var td = document.getElementsByTagName('td');
// loop through the <td> elements:
for(var i=0; i<td.length; i++){
// find <span> element inside <td>:
var el = td[i].querySelector('span');
// extract <span> text and truncate. Using default start and end indexes in the function:
el.innerText = shorten(el.innerText);
// Using custom start and end indexes (5 characters. Start at 0, end at 5'th character):
//el.innerText = shorten(el.innerText, 0, 5);
}
演示
或者使用jQuery:
$('td span').each(function(){
$(this).text(shorten($(this).text()));
});
演示
注意:确保每个<span>
元素具有唯一id
相关文章:
- 在url参数javascript中存储键值对列表
- 可选参数 JavaScript 技巧
- 如何计算参数 JavaScript 中的条件
- 未定义的变量作为函数参数 javascript
- 使用带有参数 Javascript 的函数更改全局变量
- 如何在参数JavaScript中更改对象属性
- 如何使用参数(javascript)调用Date构造函数
- 作为参数(javascript)传递的函数的系统唯一id
- Backbone.BabySiter内部参数-Javascript Scope
- 未定义函数参数-Javascript
- 谷歌地图api v3-IE7-main.js错误-无效参数(javascript)
- 通过onclick函数发送参数-Javascript
- 传递属于对象的匿名方法作为参数-Javascript
- 未捕获类型错误:没有足够的参数Javascript游戏
- 缺少)参数Javascript错误
- 在函数参数Javascript上使用toSentenceCase
- 跳过函数参数javascript
- 如何在调用不带括号的函数时传递参数 [Javascript]
- 如何传递多个参数javascript
- Foreach键和值输入参数javascript