td元素中带有传递参数的Javascript函数

Question

我有下面的<代码>

<td>
    <span id="followers">
        <? echo empty($artist['Artist']['followers']) ? 'N/A' : number_format($artist['Artist']['followers']);?>
    </span>
</td>

有些值非常大，最高可达6位。我想编写一个Javascript函数，它将接受子字符串并仅显示前3位数字。

如何编写函数并将参数作为值传递：$artist['艺术家']['追随者']

我可以用PHP实现，但是我需要用javascript。

Answer 1

缩短方法（可以将提取索引作为参数传递）：

/* 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));
}

通过这种方式，您可以缩短内部文本

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()));
});

演示

注意：确保每个