JSFiddle - React, Tailwind, and code Playground

by ZenMaster

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/knockout.mapping/2.4.1/knockout.mapping.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.js"></script>
<div>
    <div id="value" data-bind="text: value"></div>
    <button data-bind="click: replace">Replace</button>
</div>

JavaScript

var data = {
    value: 100,
    replace: function() {
        var $div = $('#value');
        $div.replaceWith('<div id="value" data-bind="text: value() + 1"></div>');
    }
};

var mappedData = ko.mapping.fromJS(data);

ko.applyBindings(mappedData);