JSFiddle - React, Tailwind, and code Playground

by Eric Howe

HTML

<div id='list'>
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>      
    </ul> 
    <p></p>
</div>

CSS

li.c_on {
    border: 1px solid green;
}

JavaScript

function callMe(params) {
    params.list.click(function() {
        $(this).addClass('c_on');
        var length = $(params.list).filter('.c_on').length;
        $('p').text(length);
    });
}

var obj = {
    list: $('ul').find('li')      
};
callMe(obj);