Est-ce que ce JQuery peut être plus court?

Question

J'ai eu ce code:

$(document).ready(function() { 
    $('tr.DataDark input[type=checkbox], tr.DataLight input[type=checkbox]').click(function() { 
     $(this).closest('tr').toggleClass('Selected'); 
    }); 
    $('tr.DataDark input[type=checkbox]:checked, tr.DataLight input[type=checkbox]:checked').each(function() { 
     $(this).closest('tr').addClass('Selected'); 
    }); 
}); 

Peut-il être plus court écrit?

Merci pour vos suggestions.

Answer 1

Peut-être cela? Pas exactement plus court, mais peut-être plus simple.

$(document).ready(function() { 
    var checkBoxes = $('tr.DataDark input[type=checkbox], tr.DataLight input[type=checkbox]'); 

    checkBoxes.on("click", function() { 
    $(this).closest('tr').toggleClass('Selected'); 
    }); 

    checkBoxes.filter(':checked').closest('tr').addClass('Selected'); 
}); 

Pour le rendre plus court vous pouvez renoncer à la variable et la chaîne checkBoxes les filter().closest().addClass() appels directement à on("click").

Answer 2

Sans nous montrer le code HTML correspondant afin que nous puissions voir ce que les raccourcis sont possibles, il n'y a aucun moyen valable de réduire le nombre de lignes de code que vous avez présenté. Il existe des moyens de le modifier ou de le réduire au minimum pour réduire le nombre de caractères ou de réduire plusieurs lignes en une ligne plus longue, mais si vous voulez le garder lisible tout en conservant la même logique que vous avez et ne pas l'effondrer artificiellement plusieurs morceaux de logique ensemble dans une ligne plus longue, cela prendra environ le nombre de lignes de code que vous avez.