Как ссылаться на функцию Javascript для тега div для добавления запятых?

Question

Я новичок в Javascript ... и я слышал о jQuery, но не знаю, как его использовать, поэтому, пожалуйста, несите с моим полным недостатком знаний здесь ... :)

I Я динамически импортирую информацию из базы данных Excel на веб-сайт. Он отлично работает, за исключением того, что ни один из чисел не имеет запятых - это проблема форматирования, которую я не могу изменить в источнике, поэтому мне нужно изменить ее в коде веб-сайта.

Соответствующий HTML код выглядит следующим образом:

<tr><td class="num">191025</td><td>Stuff</td><td class="num">$60</td></tr> 
<tr><td class="num">184160</td><td>Other Stuff</td><td class="num">$15</td></tr> 

Я хочу использовать JavaScript (или JQuery - независимо от того работает), чтобы добавить запятые ко всем существующим «номер» классов (так 191025 будет выглядеть как 191,025).

я ковыряться этим сайтом и другими, и нашел этот сайт: http://www.mredkj.com/javascript/nfbasic.html, который имеет этот общественный код домена:

function addCommas(nStr) 
{ 
    nStr += ''; 
    x = nStr.split('.'); 
    x1 = x[0]; 
    x2 = x.length > 1 ? '.' + x[1] : ''; 
    var rgx = /(\d+)(\d{3})/; 
    while (rgx.test(x1)) { 
     x1 = x1.replace(rgx, '$1' + ',' + '$2'); 
    } 
    return x1 + x2; 
} 

который кажется большим, и я добавил его к моей существующей странице внешнего .js, что я ссылку на моей странице html.

Однако проблема заключается в том, как я могу использовать код? Глядя на примеры на этой странице, это выглядит, как я должен был бы сделать что-то вроде этого:

<tr><td class="num">addCommas(191025)</td><td>Stuff</td><td class="num">$60</td></tr> 

И это просто не реально - есть сотни этих чисел, и я просто не могу обновлять каждый один из них индивидуально.

Я уверен, что есть способ, которым Javascript (или jQuery?) Может автоматически применять кодирование к существующим классам «num» для вставки запятых ... но я понятия не имею, как это сделать. Итак, все это приводит меня к моему вопросу: Как эффективно применить этот (или другой - лучше?) Код к div-классу, чтобы добавить запятые?

Я сильно признателен за любую помощь ... но, пожалуйста, имейте в виду, мой новичка-Несс, и дайте мне знать, что нужно идти во внешней .js листа &, что идет на странице .html.

спасибо !!

Answer 1

JQuery решение:

$('.num').each(function() { 
    $(this).text(addCommas($(this).text())); 
});​​​​​​​​​​ 

Javascript решение (не будет работать в IE, поскольку он не поддерживает getElementsByClassName)

var elements = document.getElementsByClassName('num'); 
var textPropertyToUse; // cross-browser support 

for (var i = 0; i < elements.length; i++) { 
    textPropertyToUse = 'textContent' in elements[i] ? 
     'textContent' : 
     'innerText'; 

    elements[i][textPropertyToUse] = addCommas(elements[i][textPropertyToUse]); 
} 

Рабочий пример: http://jsfiddle.net/XpbJV/

Answer 2

Execute этот код на странице нагрузка:

$(".num").each(function() { 
    var self = $(this), text = self.text(); 
    self.text(addCommas(text)); 
}); 

Answer 3

Очень простое решение JQuery будет ...

$(".num").text(addCommas); 

... до тех пор, пока вы меняете addCommas сигнатуру к этому ...

function addCommas(i, nStr) 

---

Это будет работать, потому что ваш addCommas бы текущее содержание текста в качестве второго аргумента и возвращает обновленное содержание текста. Вот как работает большинство итераторов в своих методах jQuery.

DEMO:http://jsfiddle.net/gprf6/