在 HTML 和 Jquery 中点击 6 次后将图片更改为另一张图片

Question

我已经为这个问题苦恼了一段时间。我对 HTML 和 Jquery 很陌生。这个想法是在多次点击后切换图像。我只需要一些建议和技巧！

解决方案是 IF 语句！

 var change = 1;
$('.checkOpdracht1').click(function(){
     if (change++ % 6 == 0) {
    GrowPlant(1);
     }
});

 $('.checkOpdracht2').click(function(){
     if (change++ % 6 == 0) {
    GrowPlant(2);
     }
});

$('.checkOpdracht3').click(function(){
    if (change++ % 6 == 0) {
    GrowPlant(3);
     }
});

 $('.checkOpdracht4').click(function(){
     if (change++ % 6 == 0) {
    GrowPlant(4);
     }
});

 $('.checkOpdracht5').click(function(){
     if (change++ % 6 == 0) {
   GrowPlant(5);
     }
});

 $('.checkOpdracht6').click(function(){
     if (change++ % 6 == 0) {
   GrowPlant(6);
     }

Answer 1

试试这个：

var clickCount = 0;
$('#myEl').on('click', function() {
    clickCount = parseInt($(this).data('count')) || 0;
    clickCount++;

    if (clickCount % 6 === 0) {
        // Change background image
    }

    $(this).data('count', clickCount);
});

Answer 2

做类似的事情，

var url = ["http://www.gettyimages.in/gi-resources/images/Homepage/Category-Creative/UK/UK_Creative_462809583.jpg", "https://www.ucl.ac.uk/news/news-articles/1213/muscle-fibres-heart.jpg"];
var index = 0;
var change = 1;
$("img").click(function() {
    if (change++ % 6 == 0) {
        $(this).attr("src", url[index++]);
    }
});

fiddle

Updated fiddle

在 HTML 和 Jquery 中点击 6 次后将图片更改为另一张图片

Change image to another image after 6 clicks in HTML with Jquery

html

jquery

onclick