jQueryを使用して1 divから別のdivにhtmlを設定します

Question

divと1のテキスト入力フィールドがあり、divが表示され、入力が非表示です。入力された値は範囲スライダから値を取得します。この入力領域から値を取得して、その場でdivを作成するためにjQueryを使用したいと思っています。間違っている？

$(".value-slider").val( $("#val-slider").slider("value")); 
    $(".price").html( $(".value-slider").html()); 

Answer 1

私が正しくあなたを理解してきたと仮定すると、.value-sliderはinput要素であり、そして.priceはdiv要素です。そうです場合は、HTMLではなく、入力の値を取得する必要があります。

$(".price").html( $(".value-slider").val()); 

をしかし、あなただけの.value-sliderの値を設定しているので、なぜだけの値を格納していませんスライダーとそれを使用しますか？ divいつでも入力変更を更新し

var sliderValue = $("#val-slider").slider("value"); 
$(".value-slider").val(sliderValue); 
$(".price").html(sliderValue); 

Answer 2

は、この

$(".value-slider").change(function() { 
     var sliderValue = $("#val-slider").slider("value"); 
     $(".value-slider").val(sliderValue); 
     $(".price").html(sliderValue); 
    });