Javascript ID解析，然后用作选择器

所以我有一个有趣的小问题，我想解析图像的ID。没什么太复杂的。。。但奇怪的是，我的代码似乎不能正常工作。真奇怪。能解释一下吗？我因为自己看不到错误而感到失明

以下是一段无法正常工作的相关代码：

        //Toggling images using img-index variable.
        img-index = 0;
        img-src[0] = $("#ppsfb").attr("id");
        img-src[1] = $("#gty").attr("id");

        $("#cycle").click(function(){
            //Since img-index is just a counter.
            if (img-index < 2){
            img-index = img-index + 1;
            } else {img-index = 0;}                         

            $(img-src[img-index]).fadeIn(1000);             
        });

//使用img索引变量切换图像。
img指数=0；
img src[0]=$（“#ppsfb”）.attr（“id”）；
img src[1]=$（“#gty”）.attr（“id”）；
$（“#循环”）。单击（函数（）{
//因为img索引只是一个计数器。
如果（img指数<2）{
img指数=img指数+1；
}else{img index=0；}
$（img src[img索引]）.fadeIn（1000）；
});

img src

在JavaScript中不是有效的标识符。这可能就是为什么这是失败的

---

请检查并注意

意外标记-

错误

img index

在JavaScript中不是有效的变量名，您可能需要使用

img\u index

或

imgIndex

。此外，对来自id选择器的内容调用

attr（'id'）

是毫无意义的，

$（“#ppsfb”）。attr（“id”）

是

'ppsfb'

，或者什么都没有。您最好也将整个jQuery对象存储在

img\u src

中，您的

$（img src[img index]）

即使在解决了命名问题后也不会执行您希望它执行的操作。此外，您可能希望在显示新图像之前隐藏或淡出当前图像

img_index = 0;
img_src[0] = $('#ppsfb');
img_src[1] = $('#gty');

$("#cycle").click(function(){
    img_src[img_index].hide() // Or .fadeOut or ...
    if(img_index < 2)
        img_index = img_index + 1;
    else
        img_index = 0;
    img_src[img_index].fadeIn(1000);             
});

img_指数=0；
img#u src[0]=$（“#ppsfb”）；
img#u src[1]=$（'gty'）；
$（“#循环”）。单击（函数（）{
img_src[img_index].hide（）//或.fadeOut或。。。
如果（img_指数<2）
img_指数=img_指数+1；
其他的
img_指数=0；
img_src[img_index].fadeIn（1000）；
});

---

大概您已经整理好了定位、堆叠等。

不是有效的变量名称，应该是

[a-zA-Z\u$][0-9a-zA-Z\u$]*

lol，我觉得很愚蠢。并不是说我没有经验。我只是混淆了HTML和Javascript中的有效名称类型。我总是对Javascript做出错误的假设（因为它是如此多功能）。