Liez l'événement click à tr, obtenez l'index du tr actuel ou de tout champ clé que vous avez défini à l'avance pour la différenciation, puis exécutez la fonction que vous souhaitez effectuer

Il s'agit d'un événement tr click que j'ai écrit auparavant. Cliquer sur une ligne sélectionne la case à cocher de cette ligne. J'espère que cela vous sera utile

$('#searchTable tbody').on('click', 'tr', function () {
        var checkbox=$(this).find("input[type=checkbox]");        
        checkbox.prop("checked", !checkbox.prop("checked"));
   });

Vous pouvez placer deux éléments dans tr, à savoir le titre et le contenu. Le contenu est masqué par défaut. Après avoir cliqué sur le titre, le contenu est affiché

Comme ci-dessus, placez une balise avec le contenu de la classe dans le tr où est placé le contenu que vous souhaitez afficher, et placez-y le contenu que vous souhaitez afficher. Vous pouvez concevoir le style vous-même. Ce n'est pas un problème. est le suivant :

$('table').find('tbody').find('tr').on('click', function(e) {
    e.preventDefault();
    if( $(this).find('.content').hasClass('show') ) {
        $(this).find('.content').removeClass('show').addClass('hide');
    } else {
        $(this).find('.content').removeClass('hide').addClass('show');
    }
});

Il s'agit d'un événement qui peut être déclenché en cliquant sur le tr de la ligne entière.
J'utilise généralement la classe pour contrôler l'affichage et le masquage, ou elle peut également déterminer si l'affichage du contenu est nul ou bloqué.