Javascript jQuery对滑块更改的反应

所以我有一个TableDataHTML元素，我想反映一个滑块的任何值

<td id="firstBox"></td>
<td>
    <div class="sliderHolder">
        <input type="range" min="1" max="10" step="1" id="first">
    </div>
</td>

但是，当我尝试使用jQuery时，我什么都做不了（甚至不放一个简单的静态int或string值）

---

注：即使给HTML元素一个name属性也没有帮助

jQuery等价于

。innerHTML

就是这种方法。现在，您正在将

this.value

添加到

#firstBox

元素的

value

属性中

所以试试这个

firstSlider.oninput = function(){
    $("#firstBox").html(this.value);
}

---

jQuery等价于

.innerHTML

，这是一种方法。现在，您正在将

this.value

添加到

#firstBox

元素的

value

属性中

所以试试这个

firstSlider.oninput = function(){
    $("#firstBox").html(this.value);
}

---

td

元素没有值。改用

text（）

jQuery（函数（$）{
$（'#first'）。在（'input'，function（）上{
$（“#firstBox”）.text（此.value）；
});
});

5.
td
元素没有值。改用
text（）


jQuery（函数（$）{
$（'#first'）。在（'input'，function（）上{
$（“#firstBox”）.text（此.value）；
});
});

5.
在第一个示例（普通JavaScript）中，您直接设置#firstBox的innerHTML，而在第二个示例中，您设置#firstBox的值。这是不对的，因为firstBox不是输入，所以它实际上没有值

要使用jQuery设置它的内部html，您应该执行以下操作

$('#firstBox').html(this.value);

在第一个示例（香草JavaScript）中，您直接设置#firstBox的innerHTML，而在第二个示例中，您设置#firstBox的值。这是不对的，因为firstBox不是输入，所以它实际上没有值

要使用jQuery设置它的内部html，您应该执行以下操作

$('#firstBox').html(this.value);

HTML5只处理最小和最大属性之间的一个值。如果您想在一个UI输入中使用滑块控制最小值和最大值，可以使用jQueryUI的滑块：


var value=$（“输入[type=range]”）.val（）；
$（'#val'）.html（值）

HTML5只处理最小和最大属性之间的一个值。如果您想在一个UI输入中使用滑块控制最小值和最大值，可以使用jQueryUI的滑块：


var value=$（“输入[type=range]”）.val（）；
$（'#val'）.html（值）