JSFiddle - React, Tailwind, and code Playground

by ZenMaster

HTML

<script src="http://knockoutjs.com/downloads/knockout-2.3.0.js"></script>
<script src="https://rawgithub.com/rniemeyer/knockout-delegatedEvents/master/build/knockout-delegatedEvents.js"></script>
<ul data-bind="foreach: items, delegatedHandler: 'click'">
    <li>
        <span data-bind="text: name"></span>
        <button data-click="removeItem">x</button>
    </li>
    
</ul>

JavaScript

var viewModel = {
    items: ko.observableArray([
        { name: "one" },
        { name: "two" },
        { name: "three" }
    ]),
    
    removeItem: function(item) {
       this.items.remove(item);   
    }
};

ko.applyBindings(viewModel);