javascript - jQuery 对滑块变化的反应

Question

所以我有表格数据 HTML 元素，我想反映滑块的任何值。

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

现在，当我使用普通的 JavaScript 代码时，我可以更改 #firstBox 的值

firstSlider.oninput = function(){
    document.getElementById("firstBox").innerHTML = this.value;
}

但是当我尝试使用 jQuery 时，我什么也做不了（甚至没有放一个简单的静态 int 或字符串值）

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

ps.：即使给 HTML 元素一个 name 属性也无济于事

标签： javascriptjqueryhtml

Answer 1

jQuery 的等价物.innerHTML是.html()方法。现在您正在添加元素this.value的value属性。#firstBox

所以试试这个。

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