使用jQuery更改输入字段上的自定义属性？

Question

我需要使用jQuery（或JavaScript）更改输入字段上的属性data-slider-values 。

HTML最初的输入是这样的：

<input id="nm" data-slider-values="1,2,3,6,12,24,32" type="text" />

现在我需要将其更改为3,6,12,24

我尝试了这个，但是在前端没有帮助。 它只是保持原样。 问题可能出在哪里？

$("#depSelector").change(function () {
    if (this.value === 'denarPlus') {
        $("#nm").data("slider-values","3,6,12,24")
}

...

我也试过

$("#nm").attr("data-slider-values","3,6,12,24")

仍然没有运气。

非常感谢帮助！

Answer 1

以下对我有用。

<input id="nm" data-slider-values="1,2,3,6,12,24,32" type="text" />
<script type="text/javascript">

    // displays 1,2,3,6,12,24,32
    alert( $("#nm").attr("data-slider-values" ) )

    $("#nm").attr("data-slider-values","3,6,12,24")

    // displays 3,6,12,24
    alert( $("#nm").attr("data-slider-values" ) )

</script>

您的问题可能是需要重新加载data-slide-values属性值吗？

Answer 2

$("#nm").attr("data-slider-values","3,6,12,24")

这是正确的方法。

如果它不起作用，请检查（this.value ==='denarPlus'）语句。 我认为未调用此代码。