JSFiddle - React, Tailwind, and code Playground

by blowsie

HTML

<span data-tasks='1 ,10'>1,10</span><br/>
<span data-tasks='1'>1</span><br/>
<span data-tasks='10 , 101 , 1111 , 11'>10 , 101 , 1111 , 11 ,  </span><br/>

CSS

.red{ color:red;}
.green {color:green !important}

JavaScript

$.extend($.expr[':'],{
    dataContains: function(a) {
        var value = $(this).data("tasks");
        return ( " " + value + " " ).indexOf( a ) > -1;

    }
});

$('[data-tasks~="1"]').addClass('red');
$('[data-tasks]:dataContains(1)').addClass('green')