Блог

Главная - Вопросы по программированию - таблица html и javascript

таблица html и javascript

#javascript #jquery #html

#javascript #jquery #HTML

Вопрос:

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

  $(calculateSum);

 function calculateSum() {

 var sum = 0;
//iterate through each td based on class and add the values
 $(".d").each(function() {
    var value = $(this).text();
    //add only if the value is number
    if(!isNaN(value) amp;amp; value.length!=0) {
        sum  = parseFloat(value);
    }

 });
$('#result').text(sum);    
};

И моя таблица

Имеют значение

12

Теперь у меня есть 5 таблиц в html, и в каждой таблице есть элемент td, значения которого отличаются друг от друга, каков наилучший способ получить эти значения в javascript?

Комментарии:

1. вы хотите, чтобы все значения td были в одной коллекции?

2. сначала получите таблицы, затем используйте .find для получения внутренних td

3. @Mritunjay Да, и мне нужны только конкретные td, которые я хочу получить в виде значений<td class=»d»></td>

4. @Fabricator, можете ли вы показать мне какой-нибудь пример того, как это сделать в javascript?

5. Я хочу получить значение в каждой таблице, я могу сделать это, скопировав код javascript в каждой таблице. Итак, таблица 1 имеет значение 12, таблица 2 имеет значение 14….. Я имею в виду, что код javascript написан в каждой таблице, чтобы получить значение в каждой таблице. Есть ли какие-нибудь лучшие способы написать код javascript только один раз? Потому что эти таблицы находятся в одном шаблоне / html

Ответ №1:

Выполните итерацию по каждой из них table и используйте .find для получения потомков td .

 $('table').each(function(i, table) {
  var sum = 0;
  $(table).find('.d').each(function() {
    ..
  });
});