2013-02-26 3 views
0

У меня есть короткий вопрос, который вы можете мне помочь. Я относительно новичок в JQuery, но довольно хорошо знаком с HTML, для чего он стоит.Коментарий из двух ячеек таблицы

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

<table> 
    <tr> 
      <td class='divisor'>2</td> 
      <td class='dividend'>4</td> 
      <td class='quotient'>2</td> 
    </tr> 
</table> 

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

Заранее благодарен!

+0

Я пытался следовать Тхи (http://wcetdesigns.com/tutorials/2011/11/11/quotient-remainder.html), но не смог заставить его работать. – rf2012

ответ

1

Основной пример. Я оставил несколько частей, так что вы должны думать немного себя :-) Дайте мне знать, если у вас есть какие-либо вопросы

$(function(){ //when the DOM is ready 

    var divisor = parseInt($('td.divisor').val()); //parse the string to an int 
    // get the other value and divide here 

    var rounded = Math.round(yourResult * 10)/10; //round the result to one decimal 

    $('td.quotient').val(rounded); //set the new value 

}); 
0

Это должно работать:

var dividend = $("td.dividend").text(); 
var divisor = $("td.divisor").text(); 
var quotient = Math.floor(dividend/divisor); 
$("td.quotient").text(quotient); 

работает jsFiddle здесь http://jsfiddle.net/ApfJz/5/

+0

он задавал точность до первого десятичного знака. используя Math.floor удаляет все правильно до десятичного –

0
$(document).ready(function() { 
    var quotient = $('.dividend').html()/$('.divisor').html(); 
    $('.quotient').html(parseFloat(quotient).toFixed(1)); 
}); 

пример здесь: http://jsfiddle.net/XCjXs/

+0

Это сработало отлично, спасибо вам большое! – rf2012

+0

@ DanielHagemeier приветствую вас ... –

Смежные вопросы