jQuery滑塊來更改div元素中的HTML表格內容

Question

我在HTML表格中有一個3D數組值。我希望能夠在<div>元素的HTML表格之間切換。

JSFiddle

會有HTML表格15 「層」。我有一個滑塊

vSlider2 

這是右側的垂直滑塊，用於控制要顯示的圖層。我有一個數組與表中的ID在它將鏈接到每個表的HTML。

這是代碼，我不認爲行工作：

var j =$('#amount3').val(); //this is what doesn't work but if I set j=1 it does 

$('#tab').html(tab[j]); 

在小提琴，如果我把var j=1;它工作正常。

我必須在這裏失去一些東西。我想知道如果我可能設置錯誤讓頁面自動更新？我認爲，在即將開始的工作中，我會對此表示滿意。

感謝您給我提供的任何幫助。

Answer 1

問題不在於它是一個int或字符串，它是加載HTML的作用在滑塊功能之外。當我在滑塊功能添加的變化到div的HTML更新：

http://jsfiddle.net/56B5p/1/

function VcreateSlider2(slider, boundTextField) { 
slider.slider({ 
    orientation: "vertical", 
    range: "max", 
    min: 1, 
    max: 15, 
    value: 15, 
    slide: function(event, ui) { 
    boundTextField.val(16- ui.value); 
     $('#tab').html(tab[15-ui.value]); 

$('tr > td').each(function(index) { 
    var scale = [['bad',-99],['vPoor', 10], ['poor', 20], ['avg', 40], ['good', 60], ['vGood', 80]]; 
    var score = $(this).text(); 
    for (var i = 0; i < scale.length; i++) { 
     if (score <= scale[i][1]) { 
      $(this).addClass(scale[i][0]); 
     } 
    } 
}); 
    } 
}) 
} 

Answer 2

在我看來，你試圖得到的值爲Integer。碰巧你得到的價值是String。

也許這個鏈接將是有益的：

JavaScript Documentation - parseInt() method

祝你好運:)