JSFiddle - React, Tailwind, and code Playground

by KANDR101

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/knockout/2.3.0/knockout-min.js"></script>

JavaScript

// View model
var vm = {
    name: ko.observable("john")
}

// Node to be added
var node = $("<div/>",{
    id: "testing",
    'data-bind' : "text: name()"
});

// First addition to body
$("body").append(node);

// Apply bindings
ko.applyBindings(vm,$("#testing")[0]);

vm.name('mike');

// Remove
$(node[0]).unbind();
while (node.firstChild) {
  node.removeChild(node.firstChild);
}
/* ko.removeNode(node[0]); */


vm.name('tom');

/* $("#testing").remove(); */

/* $("body").append(node); */

vm.name('imnotbinding');