Jquery 如何从该滑块获取值，以及如何制作新的相同滑块？_Jquery

Jquery 如何从该滑块获取值，以及如何制作新的相同滑块？

jquery

Jquery 如何从该滑块获取值，以及如何制作新的相同滑块？,jquery,Jquery,代码如下： <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>jQuery UI Slider </title> <link href="../style.css" rel="stylesheet" type="text/css

代码如下：

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>jQuery UI Slider </title>
<link href="../style.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script> 
        <style type="text/css"> 
#container{
background:url(bg.jpg)!important;
padding:100px 50px 0px 50px;
}

/*the slider background*/
.slider {
width:230px;
height:11px;
background:url(slider-bg.png);
position:relative;
margin:0;
padding:0 10px;
}

/*Style for the slider button*/
.ui-slider-handle {
width:24px;
height:24px;
position:absolute;
top:-7px;
margin-left:-12px;
z-index:200;

}

/*Result div where the slider value is displayed*/
#slider-result {
font-size:20px;
height:200px;
font-family:Arial, Helvetica, sans-serif;
color:#fff;
width:250px;
text-align:center;
text-shadow:0 1px 1px #000;
font-weight:700;
padding:20px 0;
}

/*This is the fill bar colour*/
.ui-widget-header {
background:url(fill.png) no-repeat left;
height:8px;
left:1px;
top:1px;
position:absolute;
}

a {
outline:none;
-moz-outline-style:none;
}


        </style> 
</head>
<body>




        <div class="slider"></div> 

        <div class="slider1"></div> 

        <div class="slider2"></div> 

        <div id="slider-result" value="poor">Poor</div>   
        <div id="slider-result1" value="poor">Poor</div>   
        <input type="hidden" value="poor" id="hidden"/>
        <input type="hidden1" value="poor" id="hidden"/>

           <script> 

                 $( ".slider" ).slider({
                animate: true,
                range: "min",
                value: 0,
                min: 0,
                max: 4,
                step: 1,

                //this gets a live reading of the value and prints it on the page
                slide: function( event, ui ) {
                if(ui.value ==0)
                    $( "#slider-result" ).html( "Poor");
                    else if(ui.value == 1)
                    $( "#slider-result" ).html( "Average");
                    else if(ui.value == 2)
                    $( "#slider-result" ).html( "Good");
                    else if(ui.value == 3)
                    $( "#slider-result" ).html( " Very Good");
                    else if(ui.value == 4)
                    $( "#slider-result" ).html( "Excellent");

                },

                //this updates the hidden form field so we can submit the data using a form
                change: function(event, ui) { 
                $('#hidden').attr('value', ui.value);

                }

                });


        </script> 




</body>
</html>


jQueryUI滑块
#容器{
背景：url（bg.jpg）！重要；
填充：100px 50px 0px 50px；
}
/*滑块背景*/
.滑块{
宽度：230px；
高度：11px；
背景：url（slider bg.png）；
位置：相对位置；
保证金：0；
填充：0 10px；
}
/*滑块按钮的样式*/
.ui滑块句柄{
宽度：24px；
高度：24px；
位置：绝对位置；
顶部：-7px；
左边距：-12px；
z指数：200；
}
/*显示滑块值的结果div*/
#滑块结果{
字体大小：20px；
高度：200px；
字体系列：Arial、Helvetica、无衬线字体；
颜色：#fff；
宽度：250px；
文本对齐：居中；
文本阴影：0 1px 1px#000；
字号：700；
填充：20px0；
}
/*这是填充栏的颜色*/
.ui小部件头{
背景：url（fill.png）没有重复；
高度：8px；
左：1px；
顶部：1px；
位置：绝对位置；
}
a{
大纲：无；
-moz轮廓样式：无；
}
贫穷的
贫穷的
$（“.slider”）.slider({
动画：对，
射程：“分钟”，
值：0，
分:0,，
最高：4，
步骤：1，
//这将实时读取值并将其打印到页面上
幻灯片：功能（事件、用户界面）{
如果（ui.value==0）
$（“#滑块结果”）.html（“差”）；
else if（ui.value==1）
$（“#滑块结果”）.html（“平均”）；
else if（ui.value==2）
$（“#滑块结果”）.html（“好”）；
else if（ui.value==3）
$（“#滑块结果”）.html（“非常好”）；
else if（ui.value==4）
$（“#滑块结果”）.html（“优秀”）；
},
//这将更新隐藏的表单字段，以便我们可以使用表单提交数据
更改：函数（事件、ui）{
$（'#hidden'）.attr（'value'，ui.value）；
}
});

如何获取选定滑块的值？因为当我使用

var currentValue=$（'#hidden'）.val（），我得到一个对象作为返回值。我无法得到那个值。。。是否有任何帮助，并且希望在
中制作一个新的相同滑块来制作它
有什么想法吗？
对第二部分不太确定。你能再清楚一点吗
在值位上，您可以尝试$（selector）.attr（'value'）。您可以使用clone（）在jquery中克隆元素，如
$（“#无论什么”）.clone（）.appendTo（“#容器”）
将克隆id为“whatever”的元素，并将其插入元素“container”的末尾（例如可以是）
使用jsfiddle.net示例，您将获得更好/更快的响应，仅供参考。@Phil我无法从slider获得该值。如何做好这件事！关于第二点，我们能再详细一点吗？你想用这个额外的滑块做什么？克隆值或…？如何克隆滑块元素？？如下所述，您可以使用Clone（）获得精确副本。这就是你想要的吗？如果是这样，那么制作一个已经可用的滑块的精确副本的触发点和目的是什么？