在jQuery中更改輸入滑塊值的目標

Question

我正在使用JQuery Simple Slider將文本框轉換爲滑塊。

它包括以下腳本

1. 添加其在DOM位置之後的<span class="output"></span>和
2. 值綁定到所述跨度，當它發生變化。

這就是：

<script> 
    $("[data-slider]") 
    .each(function() { 
     var input = $(this); 
     $("<span>") 
     .addClass("output") 
     .insertAfter($(this)); 
    }) 
    .bind("slider:ready slider:changed", function (event, data) { 
     var value = $(this) 
     .nextAll(".output:first") 
      .html(data.value.toFixed(3)); 
    }); 
    </script> 

我想修改這一點，以便它不創建一個<span>元素，並將結果顯示在其他地方在頁面上。

所以，我會改變它像下面的東西，但這不起作用！

<script> 
    $("[data-slider]") 
    .each(function() { 
     var input = $(this); 
    }) 
    .bind("slider:ready slider:changed", function (event, data) { 
     var value = $(this); 
     $(".displayMyValue").html(data.value.toFixed(3)); 
    }); 
    </script> 

是否可以將.nextAll更改爲更合適的內容？

我的HTML：

<span class="displayMyValue"></span> 
<input id="my-input" type="text" value="" data-slider="true" data-slider-range="1000,100000" data-slider-step="100" data-slider-highlight="true" data-slider-theme="volume"> 
<span class="output">//this created by jQuery//</span> 

Answer 1

我正在使用此代碼：

針對其用於顯示數據的下一跨度

$("[data-slider]").bind("slider:ready slider:changed", function (event, data) { 
    $(this).next("span").html(data.value.toFixed(0)); 
}); 

綁定函數搜索。

將「span」更改爲#IdSpan，它將找到具有已定義ID的範圍。