Comment faire pour désactiver </td> sélection avec classe spécifique avec js/css?

J'ai mon Calendrier construit avec table html, où quelques-uns des dates ne peuvent être sélectionnable. J'ai donc besoin de désactiver toutes les autres données.

Fonction qui met en évidence la td :

/* Get all rows from your 'table' but not the first one 
        * that includes headers. */
var rows = $('td').not(':first');

/* Create 'click' event handler for rows */
rows.on('click', function (e) {

  /* Get current row */
  var row = $(this);

  /* Check if 'Ctrl', 'cmd' or 'Shift' keyboard key was pressed
            * 'Ctrl' => is represented by 'e.ctrlKey' or 'e.metaKey'
            * 'Shift' => is represented by 'e.shiftKey' */

  if ((e.ctrlKey || e.metaKey) || e.shiftKey) {
    /* If pressed highlight the other row that was clicked */
    row.addClass('highlight');
  } else {
    /* Otherwise just highlight one row and clean others */
    rows.removeClass('highlight');
    row.addClass('highlight');
  }

});

Supposons maintenant que mon tableau se présente comme suit :

<table>
    <th class='weekday'>Mon</th><th class='weekday'>Tue</th><th class='weekday'>Wed</th>

    <tr class='selectable'> 1</tr>    
    <tr class='selectable'> 2</tr>    
    <tr class='unselectable'> 3</tr>
</table>

Alors maintenant, comment faire pour désactiver le tr, unselectable calss en utilisant js/css?

  • Vous n'êtes pas à l'aide de <td>'s. Ne mettez pas de html / données <tr>s
  • où est <td> balise dans votre html code sir 🙂 mieux utiliser sélecteur de classe pour construire votre logique. son une meilleure façon de le faire je pense
  • Ce que vous entendez par désactiver le tr?