Javascript jQuery滑块更改div元素中的HTML表内容

我在HTML表格中有一个3D值数组。我希望能够在

元素中的HTML表之间切换

将有15层HTML表格。我有一个滑块

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工作正常

我一定是遗漏了什么。我想知道我是否设置错误，允许页面自动更新？我认为处于就绪状态我会接受的

感谢您提供的任何帮助。
在我看来，您试图获取的值是
整数。您得到的值恰好是一个
字符串

也许这个链接会很有帮助：


祝你好运：）
问题不在于它是一个int或字符串，而是加载html的操作在slider函数之外。当我在slider函数中将更改添加到div时，html更新：


函数VcreateSlider2（滑块，boundTextField）{
滑块，滑块({
方向：“垂直”，
射程：“最大”，
民:1,，
最高：15，
价值：15，
幻灯片：功能（事件、用户界面）{
boundTextField.val（16-ui.value）；
$（'#tab'）.html（tab[15 ui.value]）；
$（'tr>td'）。每个（函数（索引）{
var标度=[“差”，“差”，“差”，“20”，“平均值”，“40”，“好”，“60”，“好”，“80]]；
var score=$（this.text（）；
对于（变量i=0；i如果（分数）我尝试了你的建议，但当滑块被激活时，它仍然没有改变html。
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]);
        }
    }
});
  }
})
}