Testing text nodes for CNX

by Marventus

HTML

<p class="title">Node 1:</p>
<div class="node">
    <p> <span class="comment" data-comments-user="Josh Lobe" data-comments-txt="A really really really really really really really really long comment! A really really really really really really really really long comment! A really really really really really really really really long comment! A really really really really really really really really long comment! A really really really really really really really really long comment! " data-comments-date="1372779466000">
	B
	<span class="cts-1 old-ins hide-ins" title="Inserted by Marventus - 07/1/2013 8:30pm" data-cid="4" data-userid="96" data-username="Marventus" data-time="1372721413866">
		ra
	</span>
	<span class="cts-1 old-del hide-del" title="Deleted by Marventus - 07/1/2013 8:30pm" data-cid="2" data-userid="96" data-username="Marventus" data-time="1372721410399">
		ra
	</span>
in	<span class="cts-1 old-ins hide-ins" title="Inserted by Marventus - 07/1/2013 8:24pm" data-cid="3" data-userid="98" data-username="Marventus" data-time="1372721070658">
		 de 
	</span>
??</span>
    </p>
    <p class="showtext"></p>
</div>
<p class="title">Node 2:</p>
<div class="node">
    <p>
<span class="comment" data-comments-user="Josh Lobe" data-comments-txt="A really really really really really really really really long comment! A really really really really really really really really long comment! A really really really really really really really really long comment! A really really really really really really really really long comment! A really really really really really really really really long comment! " data-comments-date="1372779466000">
	<span class="del cts-1" data-cid="12" data-userid="44" data-username="Marventus" data-time="1372804101810" title="Deleted by Marventus - 07/2/2013 7:28pm">
		B
	</span>
	<span class="cts-1 old-ins hide-ins" title="Inserted by Marventus - 07/1/2013 8:30pm" data-cid="4" data-userid="96" data-username="Marventus"...

CSS

div {
    background: #ddd;
    display: block;
    height: 25px;
    margin: 20xx 0;
    padding: 20px;
}
input {
    display: block;
    float: left;
    margin: 20px 10px 0 0;
    padding: 5px 10px;
}
p.title {
    font-weight: bold;
    margin: 20px 0 5px;
}
div p {
    float: left;
    margin: 0 5px 10px;
}

JavaScript

$(function () {
    $("input").click(function () {
        $(".node").each(function () {
            var chkdel = $(this).find(".del").text() === "" ? false : true,
                ta = $(this).find(".showtext");
            if( chkdel )
                ta.addClass("del");
            ta.text($(this).text());
        });
    });
});