Javascript Jquery：如何获取；“可选”；价值转化为；滑块"；功能？

我正试图通过选择

中的

$(".selectable>tbody").selectable({
    filter: 'tr',
    cancel: 'a',
    selected: function(event, ui) {
      var SELECTED =  $(ui.selected).attr('id');
    }
    });

现在我在桌子下面有一个滑块，我想用这些值做一些事情

$( "#slider" ).slider({
  value:0,
  min: 0,
  max: 500,
  step: 5,
  slide: function( event, ui ) {
    var table = document.getElementById(SELECTED);
    var cells = table.getElementsByTagName('td');
    <!-- Do something with cell[i] -->

$（“#滑块”）.滑块({
值：0，
分:0,，
最高：500，
步骤：5，
幻灯片：功能（事件、用户界面）{
var table=document.getElementById（选中）；
var cells=table.getElementsByTagName（'td'）；

下面是HTML代码：

<table class="selectable">
 <tr id="php-generated-uuid"><td>Value X</td><td>Value Y</td></tr>
 <tr id="php-generated-uuid"><td>Value X</td><td>Value Y</td></tr>
</table>
<div id="slider"></div>
<p>Output 1: <input readonly  id="view-slider-change"></input></p>
<p>Output 2: <input readonly  id="view-new-value"></input></p>

值x值Y
值x值Y
产出1：

产出2：

---

如果我手动输入所选参数，它会工作。但是我如何才能自动访问该值呢？PS:

ID已生成php值。

您应该在函数范围之外选择一个

变量

我添加了一些CSS来显示表中行的选择和高亮显示

您现在需要知道如何处理选定的单元格


$（函数（）{
var$table=$（'.selective'）.first（）；
选择var；
$（“.selective>tbody”）.selective({
过滤器：“tr”，
取消：“a”，
所选：功能（事件、用户界面）{
SELECTED=$（ui.SELECTED）.attr（'id'）；
}
});
$（“#滑块”）.滑块({
值：0，
分:0,，
最高：500，
步骤：5，
宽度：“50%”，
幻灯片：功能（事件、用户界面）{
如果（已选择（&SELECTED.length>0）{
var$cells=$table.find（'td'）；
console.log（$cells.length）；//4
}
}
});
})；
table.exe{
边界塌陷：塌陷；边缘底部：1米；
}
.可选，
.运输署，
.th{
边框：纯黑色；文本对齐：居中；
}
.可选t车身tr：悬停{
光标：指针；
}
.可选。用户界面选择{
背景#FECA40；
}
.可选。用户界面已选定{
背景：F39814；颜色：白色；
}
标签{
显示：块；边距底部：0.25em；
}
.ui滑块{
显示：内联块；宽度：33%；左边距：0.5em；
}
.作为控制台包装{
最大高度：20%！重要；
}

X值
Y值
10
10
50
50
滑块：
产出1：
输出2:
provide html code！！！如果执行var SELECTED，它将在函数范围内可用，在两个函数外部声明var SELECTED，并在函数内部使用它
var SELECTED=$（ui.SELECTED）.attr（'id'）
将在
所选：
选项范围内。在其他函数之外创建
var selected
，然后只需使用
selected=$（ui.selected）。attr（'id'）；
链接upPS
不是javascript注释