jquery - 警告 jquery slider 与 ui.value 的问题

Question

当我移动第一个 slider 并按下第二个按钮时，它显示第一个 slider 的值，反之亦然，但我只想要第二个 slider 的值

html

<h1>HTML Slider Test</h1>
<div class="slider"></div>
<p>Your slider has a value of <span class="slider-value"></span></p>
<input type="button" class="ab" value="send">
<div class="slider"></div>
<p>Your slider has a value of <span class="slider-value"></span></p>
<input type="button" class="ab" value="send">

jquery

$(".slider").slider(
{
        value:1,
        min: 0,
        max: 100,
        step: 1,
        slide: function( event, ui ) {
            a=ui.value;
            $(ui.handle).closest(".slider").next( "p").find(".slider-value").html( ui.value );
        }
}
);

$( ".slider-value").html(  $('.slider').slider('value') );

$(".ab").click(function(){
alert(a);
});

http://jsfiddle.net/5TTm4/1937/

Answer 1

单击按钮时从第二个 slider 获取值

HTML

 <h1>HTML Slider Test</h1>
<div>
<div class="slider"></div>

<p>Your slider has a value of <span class="slider-value"></span></p>
<input type="button" class="ab" value="send" />
 </div>


<div>
<div class="slider"></div>
<p>Your slider has a value of <span class="slider-value"></span></p>
<input type="button" class="ab" value="send" />
 </div>   

Jquery

 $(".ab").click(function(){
  a=  $(this).closest('div').find('.slider').slider("option", "value");
  alert(a);
 });

<强> Demo