0
votes

Comment annuler l'entrée précédente dans les tables HTML

Dans les échantillons, je peux changer de couleur en cliquant sur chaque cellule.

Je voudrais annuler entrée précédente code> en cliquant sur Annuler p>

Y a-t-il un moyen de faire cela? Si quelqu'un a expertipé un tel problème. S'il vous plaît laissez-moi savoir. p>

merci p>

p>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
  <td id="1">1</td>
  <td id="2">2</td>
  <td id="3">3</td>
  <td id="4">4</td>
  <td id="5">5</td>
  <td id="6">6</td>
  <td id="7">7</td>
  <td id="8">8</td>
  <td id="9">9</td>
  <td id="10">10</td>
</table>

<button>cancel</button>


3 commentaires

Vous souhaitez donc supprimer les classes que vous avez ajoutées lorsque le bouton est cliqué sur le bouton? Il suffit d'utiliser removeclass ()


Merci. Je souhaite Annuler Précédent Changement de classe . .


Droite, utilisez removeclass () . Il n'y a aucun moyen d'annuler une action. Vous devez inverser manuellement ce que vous avez fait


3 Réponses :


5
votes

Vous allez ici:

p>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
  <td id="1">1</td>
  <td id="2">2</td>
  <td id="3">3</td>
  <td id="4">4</td>
  <td id="5">5</td>
  <td id="6">6</td>
  <td id="7">7</td>
  <td id="8">8</td>
  <td id="9">9</td>
  <td id="10">10</td>
</table>

<button id="btnCancel">cancel</button>


0 commentaires

1
votes
var lastel = null;
$(function() {
  $("td").click(function() {
    $(this).addClass("red");
    lastel = $(this);
  });

  $('button').click(function() {
    if (lastel !== null)
        lastel.removeClass('red');
  });
});

0 commentaires

0
votes

Vous pouvez le faire en gardant une trace de l'historique:

p>

<table>
  <td onclick="addToHistory(event)" id="1">1</td>
  <td onclick="addToHistory(event)" id="2">2</td>
  <td onclick="addToHistory(event)" id="3">3</td>
  <td onclick="addToHistory(event)" id="4">4</td>
  <td onclick="addToHistory(event)" id="5">5</td>
  <td onclick="addToHistory(event)" id="6">6</td>
  <td onclick="addToHistory(event)" id="7">7</td>
  <td onclick="addToHistory(event)" id="8">8</td>
  <td onclick="addToHistory(event)" id="9">9</td>
  <td onclick="addToHistory(event)" id="10">10</td>
</table>

<button onclick="undo()">cancel</button>


0 commentaires