Question

The directive replaceWith as used in the code below only changes the target content once. If I send any other object the alert shows the proper value but not the div.

    function identify (thisobj) {
        alert(thisobj.value);
        $("#test").replaceWith(thisobj.value);
    }

The target element is shown below.

    <div id="canvas_container">
        <div id="test">This is a test</div>
    </div>

Various objects are being passed, here, each with a different value. But though the Alert() reflects the proper content, the #Test only allows a one time change and then it retains that value forever.

Answer 1

replaceWith removes the #test element and replaces it with what you set (thisobj.value).

To replace an element’s content, use .html() (or .text()).

function identify (thisobj) {
    alert(thisobj.value);
    $("#test").html(thisobj.value);
}