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 votrehtml
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?
Vous devez vous connecter pour publier un commentaire.
Vous devez d'abord valider votre code HTML en ajoutant
<td>
balises à l'intérieur du<tr>
au lieu d'ajouter du texte directement à la ligne et de l'ajout de la<th>
balises à l'intérieur du<tr>
:Je ne suis pas sûr de ce que tu veux dire par désactiver tr depuis le
disable
attribut de travail juste pour<input>
tag.Vous pourriez ajouter une classe appelée
unselectable
par exemple et ajouter le css que vous souhaitez utiliser pour "handicapé " tr", cochez exemple ci-dessous :Espère que cette aide.
CSS:
HTML:
Cela va désactiver le
<tr>
éléments avec la classeunselectable
.Il suffit de changer votre sélection sur votre événement
utiliser la ligne ci-dessus pour obtenir les lignes avec un nom de classe 'sélectionnable'. Également ajouter
<td>
balises à l'intérieur de votre<tr> </tr>
ligne tags à ajouter du contenu.