jquery选择问题

Question

在下面的代码中是将滑块类转换为滑块控件的函数。它具有在发生“滑动”事件时执行的功能。

$(function(){ 
       $(".slider").slider({ 
        value: 0, 
        min: 0, 
        max: 5, 
        step: 1, 
        slide: function(event, ui) { 
         $(".slideinput > input.slidevalue").val(ui.value); 
        } 
       }); 
      }); 

当我在一个页面上有多个滑块时，此代码无法正常工作。 （它正在改变所有这些）我该如何解决它？我不知道如何设置第二个元素选择状态来选择具有唯一标识的元素。 （id是动态生成的）

某些HTML用于说明元素的位置。

<div class="item"> 
      <p class="head"> 
       A kako biste općenito ocijenili sljedeće aspekte ljetne turističke ponude u Hrvatskoj: Kvaliteta smještaja?</p> 

      <div class="slideinput" style="width: 220px; height: 20px; padding-top: 10px; padding-left: 8px;"> 
       <div style="width: 200px;" class="slider"> 
       </div> 
       <input class="slidevalue" id="q34" name="q34" type="hidden" value="0" /> 
      </div> 

     </div> 

     <div class="item"> 
      <p class="head"> 
       Broj plaža?</p> 

      <div class="slideinput" style="width: 220px; height: 20px; padding-top: 10px; padding-left: 8px;"> 
       <div style="width: 200px;" class="slider"> 
       </div> 
       <input class="slidevalue" id="q35" name="q35" type="hidden" value="0" /> 
      </div> 

     </div> 

     <div class="item"> 
      <p class="head"> 
       Urednost plaža?</p> 

      <div class="slideinput" style="width: 220px; height: 20px; padding-top: 10px; padding-left: 8px;"> 
       <div style="width: 200px;" class="slider"> 
       </div> 
       <input class="slidevalue" id="q36" name="q36" type="hidden" value="0" /> 
      </div> 

     </div> 

     <div class="item"> 
      <p class="head"> 
       Kvaliteta restorana i kafića?</p> 

      <div class="slideinput" style="width: 220px; height: 20px; padding-top: 10px; padding-left: 8px;"> 
       <div style="width: 200px;" class="slider"> 
       </div> 
       <input class="slidevalue" id="q37" name="q37" type="hidden" value="0" /> 
      </div> 

     </div> 

任何解决方案？

Answer 1

我不确定“幻灯片”事件 - 但大多数jQuery事件将有this设置为目标元素。

你试过做console.log(this);（假设萤火虫）看你有什么？

您可能能够做到这一点：

与评论更新时间：

看来你输入的要素是“滑”的父母，而不是滑块的孩子，改变了代码块以反映你的。

slide: function(event, ui) { 
    $(this).parent().find("input.slidevalue").val(ui.value); 
}