jquery和javascript在类之间切换图像标记

我似乎不能把这件事做好。请帮忙。当用户单击div时，代码应该切换img标记的类

这是HTML

        <li><img src="IMG/Gallery/val_day.jpg" id="img27" style="width: 100%;" alt="val_day" /></li>
            </ul>


        </div>
            <p id="previousLink" href="#">«</p>
        <p id="nextLink" href="#">»</p>
        </div>

---

}))

我看到的问题是jQuery选择器如何查找图像

删除撇号。例如，更改

var$activeImg=“”#img“+Gallery.picNum+”至：

var $activeImg = "#img" + Gallery.picNum.toString();

第二个$activeImg也应该做同样的事情

我的另一个评论是关于公约。根据惯例，根据我的经验，表示jQuery对象的变量应该以$作为前缀$activeImg似乎不是jQuery对象。这是一根绳子。使用
activeImageSelector
（建议）

更新的JS

$(document).ready(function () {
    var Gallery = {
        li: [''],
        picNum: 0,
        nextPic: function () {
            $('#nextLink').click(function () {
                var activeImageSelector  = "#img" + Gallery.picNum.toString();
                $(activeImageSelector ).toggleClass('activePic');
                Gallery.picNum++;
                activeImageSelector  = "#img" + Gallery.picNum.toString();
                $(activeImageSelector ).toggleClass('activePic');

            });
        }
    }
});

由于没有足够的信息，我看到的第一个问题是jQuery选择器如何查找图像。删除撇号。例如，更改
var$activeImg=“”#img“+Gallery.picNum+”
to
var$activeImg=“#img”+Gallery.picNum.toString（）
$(document).ready(function () {
    var Gallery = {
        li: [''],
        picNum: 0,
        nextPic: function () {
            $('#nextLink').click(function () {
                var activeImageSelector  = "#img" + Gallery.picNum.toString();
                $(activeImageSelector ).toggleClass('activePic');
                Gallery.picNum++;
                activeImageSelector  = "#img" + Gallery.picNum.toString();
                $(activeImageSelector ).toggleClass('activePic');

            });
        }
    }
});