JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="tasks">
    <li class="task">Do some work</li>
    <li class="task">Do more work</li>
    <li class="relax">Relax!</li>
</ul>
<text>find</text>
<h1 id="taskfind">

</h1>

<text>filter</text>
<div id="taskfilter">

</div>

JavaScript

var $tasks = $('#tasks li');

var $task = $tasks.find('.task');
var $task2 = $tasks.filter('.relax');


$('#taskfind').html($task);
$('#taskfilter').html($task2);