jQuery UI和多个滑块

如何从通过循环动态创建的多个滑块中获取值

jQuery代码：

<script>
    $(function() {
            var col_text = {
                       0: "",
                       1: "Yes",
                       2: "Not sure",
                       3: "No"
                    };       
            var col_code = {
                       0: "",
                       1: "#00be00",
                       2: "#f1ee00",
                       3: "#d30000"
                    };   

        $( ".slider" ).slider({
            value:0,
            min: 0,
            max: 3,
            step: 1,
            slide: function( event, ui ) {
                $( "#answer" ).val( col_text[ui.value] );
                $( "#answer" ).css("background-color", col_code[ui.value] );
            }
        });
        $( "#answer" ).val(col_text[$(".slider").slider("value")]);
        $( "#answer" ).css("background-color",col_code[$(".slider").slider("value")]);
    });
    </script>

$（函数（）{
变量col_text={
0: "",
1:“是的”，
2:“不确定”，
3：“不”
};       
变量列代码={
0: "",
1.“#00be00”，
2:"f1ee00",，
3.“d30000”
};   
$（“.slider”）.slider({
值：0，
分:0,，
最高：3，
步骤：1，
幻灯片：功能（事件、用户界面）{
$（“#答案”）.val（col#u text[ui.value]）；
$（“#答案”）.css（“背景色”，颜色代码[ui.value]）；
}
});
$（“#答案”）.val（col#u text[$（“.slider”）.slider（“value”））；
$（“#答案”）.css（“背景色”，颜色代码[$（“.slider”）.slider（“值”））；
});

循环中的PHP代码：

                    echo "<div class=\"listing-wrapper\">";
                    echo "<div style=\"margin-left: 664px\"><input type=\"text\" id=\"answer\" style=\"border: 0; font-weight: bold; width: 60px;\" /></div>";                   
                    echo "<div style=\"width: 600px; float: left;\">";
                    echo "<h3 style=\"background-color:".$answer['color']."; display: inline; \"><a href=\"".$question['url']."\" target=\"_blank\">".$question['title']."</a></h3>";
                    echo "<div style=\"\">".$question['question']."</div><br /><br />";
                    echo "</div>";
                    echo "<div class=\"slider\" style=\"width: 100px; float: left;\"></div>";
                    echo "<div style=\"clear: both;\"></div>";
                    echo "</div>";

echo”“；
回声“；
回声“；
回声“；
回应“$question['question']”，

；
回声“；
回声“；
回声“；
回声“；

当我移动由循环生成的任何滑块时，它总是“更新”第一个问题实例

---

感谢您提供的任何提示。

ID在文档中必须是唯一的。因此我还需要循环jQuery代码来创建#答案ID？