Thanks for your help--using .text() solved the scaling problem. A
related problem is how can I go back to the original values in the
divs when scaling multiple times? Right now the behavior is such that
it scales the div values properly the first time, but the second time
it scales the already scaled values. What is a good way to always
scale from the original div values?
On Oct 13, 6:14 pm, "mike.helgeson" <mike.helge...@gmail.com> wrote:
> parseFloat( $( this ).text() ) // divs don't have a value
>
> On Oct 13, 4:07 pm, Avik Basu <avikb...@gmail.com> wrote:
>
> > I would like to use JQuery to iterate through a set of <div> elements
> > that have the same class and scale each value according to a value
> > selected from a dropdown box. For example,
>
> > <select id="factor">
> > <option value="1">1</option>
> > <option value="2">2</option>
> > <option value="3">3</option>
> > </select>
>
> > <div class="num">100</div>
> > <div class="num">1000</div>
> > <div class="num">10000</div>
>
> > If "2" was the scaling factor chosen, then the divs would look like:
>
> > <div class="num">200</div>
> > <div class="num">2000</div>
> > <div class="num">20000</div>
>
> > This is the jQuery script that attempts to do the iteration and
> > scaling, but I keep get NaNs. I suspect it has something to do with
> > my use of the .each iterator or the $(this) notation, but have not
> > been able to solve it.
>
> > <script>
> > $("#factor").change(function(){
> > $(".num").each(function(){
> > $(this).html(parseFloat($(this).val()) * parseFloat(jQuery
> > ("#factor").val()));
> > });});
>
> > </script>
>
>
