JSFiddle - React, Tailwind, and code Playground

by darioferrer

HTML

<ul id="contenedor">
    <li class="lista" id="lista-1">
        Lista 1
        <input type="checkbox" class="check" id="eliminar-1" />
    </li>
    <li class="lista" id="lista-2">
        Lista 1
        <input type="checkbox" class="check" id="eliminar-2" />
    </li>
    <li class="lista" id="lista-3">
        Lista 1
        <input type="checkbox" class="check" id="eliminar-3" />
    </li>
</ul>

<input type="button" id="eliminar" value="eliminar" />

CSS

#contenedor { list-style-type: none; margin: 0; padding: 0; width: 500px; }
    #contenedor li { margin: 0 3px 3px 0; padding: 1px; float: left; width: 100px; height: 90px; text-align: center; cursor: pointer; }

JavaScript

$(function() {
    $("#eliminar").click(function () {
      $('.check:checked').remove();
    });
});