Javascript 使用不同的参数在循环中调用jQuery函数

下面的示例中，我试图在一个页面中创建多个旋转木马。
我在foreach循环中创建旋转木马，并为每个旋转木马指定名称c0、c1、c2等（每个旋转木马都是

）
现在，为了根据示例运行脚本，我应该分别运行每个旋转木马。
例如：

<script type="text/javascript">
    $(document).ready(function() {

        $('#c0').jsCarousel({ onthumbnailclick: function(src) { alert(src); }, autoscroll: true, masked: false, itemstodisplay: 3, orientation: 'v' });
        $('#c1').jsCarousel({ onthumbnailclick: function(src) { alert(src); }, autoscroll: false, masked: false, itemstodisplay: 5, orientation: 'h' });
        $('#c2').jsCarousel({ onthumbnailclick: function(src) { alert(src); }, autoscroll: true, masked: true, itemstodisplay: 5, orientation: 'h' });

    });       

</script>

$（文档）.ready（函数（）{
$（'#c0'）.jsCarousel（{onthumbnailclick:function（src）{alert（src）；}，autoscroll:true，masked:false，itemstodisplay:3，orientation:'v'}）；
$（'#c1'）.jsCarousel（{onthumbnailclick:function（src）{alert（src）；}，autoscroll:false，masked:false，itemstodisplay:5，方向：'h'）；
$（'#c2'）.jsCarousel（{onthumbnailclick:function（src）{alert（src）；}，autoscroll:true，masked:true，itemstodisplay:5，方向：'h'）；
});       

由于我的旋转木马是在foreach循环中创建的，我不知道我将拥有多少个，因此我尝试在for循环中调用该函数：

    for (int i = 0; i < counter; i++)
    {
        string cNum = "#c" + i.ToString();%>
        <script type="text/javascript">
            $(document).ready(function() {
                $(cNum).jsCarousel({ onthumbnailclick: function(src) { alert(src); }, autoscroll: true });
            });
        </script>
   <%} %>

for（int i=0；i
$（文档）.ready（函数（）{
$（cNum）.jsCarousel（{onthumbnailclick:function（src）{alert（src）；}，autoscroll:true}）；
});

我检查过了，

cNum

值没有问题，它得到了值#c0，#c1等，但它无法识别它是最初存在的#c0等的等价物

---

如何将动态旋转木马名称插入函数？

与其这样做，不如为每个div指定一个类。如下所示：

<div class="someClassThatIKnowIsACarousel">

---

代码中的问题是动态生成的JavaScript部分中的

cNum

没有被解释为ASP变量。您可以使用类似

$（“”）

（还要注意JavaScript引号，如果没有get，您将得到

$（#c0）

，这是错误的）

但是，您的方法是错误的，请尽量避免这样混合使用服务器/客户端代码

正如aquinas已经指出的，最好的解决方案是向div添加一个类：

HTML:

$(".someClassThatIKnowIsACarousel").jsCarousel({ onthumbnailclick: function(src) { alert(src); }, autoscroll: true });

<div class="carousel">

$('div.carousel').jsCarousel({ ... });