如果我理解问题正确，您应该能够在jQuery中创建一个变量，其中包含您想要使用的所有图像url的字符串版本的数组：
var images = ['../images/####','../images/$$$$', 'http://some.other/url.here];
// 为要循环的所有图像执行此操作
就像这样。
然后，您可以创建一个计数器变量：
var counter = 0;
并将其设置为零。
接下来，像这样将事件侦听器
on()添加到您的
div中：
$('#knapp').on('click', function(){
});
最后，在您的事件监听器中，将 div 的 CSS
background-image 属性更改为数组中的其中一张图片：
$('#knapp').on('click', function(){
$(this).css('background-image','url("' + images[counter] + '")');
counter++;
});
我希望这可以帮到你！同时，请记得递增
counter。
编辑 ----------------------------------------------------------------
好的，所以我完全忽略了一个显而易见的问题，那就是计数器可能会过高并访问超出范围的内容。为了防止这种情况，在
on()监听器内添加以下内容：
if(counter >= images.length - 1){
counter = 0;
}
编辑2 --------------------------------------------------------------
好的，起初我不知道你确切想要什么，所以这是我的第二个答案。既然看起来你实际上只想在单击时切换一次背景图像，那么你可以使用类似以下代码：
$(document).ready(function(){
$('#knapp').on('click', function(){
$(this).css('background-image','url("YOUR_NEW_URL_HERE")');
});
});
或者你可以通过在CSS中创建两个完全相同的类（除了背景图片），并使用.addClass和.removeClass将其中一个替换为另一个，从而在两个图像之间切换。
编辑3---------------------------------------------------------------
我从未想过我会如此频繁地编辑这篇文章，但显然我忽略了需要更改背景图片（感谢评论）。我的错误，谢谢你指出（即使你是在跟别人说话）。
