使用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'）語句。 我認為未調用此代碼。