JS：撤消最後一次OnClick evnet

Question

我想，這很容易，但我無法弄清楚。

我有一系列的OnClick buttons（就像一棵選擇樹）。

有什麼簡單的方法，我怎麼可以撤消最後一次點擊？我希望這個函數只能固定到一個按鈕（在html中）。我知道，我可以用一系列的按鈕來做到這一點，在JS中，我可以將它們作爲OnClick，它將具有相反的功能，比我在前面的步驟中做得更好。

我希望我說得很對。

我還創建了一個小提琴：https://jsfiddle.net/sz57cyyf/5/

當你點擊一個按鈕，然後會顯示按鈕AA和AB。我想退後一步，所以我可以點擊按鈕BACK。我想要的是一個鏈接到按鈕BACK的功能，它會自動執行相反的功能。當你點擊「返回」時，如果你在瀏覽器中有按鈕ABA，BAA等，就像這樣。

這是我網站的用戶。他們會點擊按鈕，他們會得到他們想要的東西。所以，你點擊舉例如下：A - > AB - > ABA按鈕（你總是有2個選擇）。這對我有用。但我想要的是，當你不小心點擊按鈕AB（4例），但你想點擊按鈕AA時，我想返回一步。所以你可以通過按「.back」從AAA/AAB按鈕到AA/AB按鈕，然​​後按A/B按鈕。

Answer 1

可能是這樣的嗎？

$(".back").click(function() { 
    if ($(".c").is(":visible")) { 
     $(".c").css("display", "none"); 
     $(".b").css("display", "block"); 
    } else if ($(".b").is(":visible")) { 
     $(".b").css("display", "none"); 
     $(".a").css("display", "block"); 
    } 
}); 

Answer 2

您可以使用jQuery data()方法來存儲HTML data-*屬性按鈕值。

$(".button").click(function(){ 
 
    var nextIndex = parseInt($(this).data("button")) + 1; 
 
    $(this).data("button", nextIndex).text("Button-" + nextIndex); 
 
}); 
 

 
$(".back").click(function(){ 
 
    var prevIndex = parseInt($(".button").data("button")) - 1; 
 
    if (prevIndex > 0) 
 
     $(".button").data("button", prevIndex).text("Button-" + prevIndex); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<button class="button" data-button="1">Button-1</button> 
 
<button class="back">Back</button>