JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://www.mojopin.co.uk/test/jcarousellite_1.0.1.js"></script>
<table class="ms-summarycustombody">
        <tr>
            <td>
                <span><a href="#">Title 1</a></span>
                    <br />
by
                    <nobr>
                        <span><a href="#">Joe Bloggs</a></span>
                </nobr>
            </td>
            <td>
                08/11/2011
            </td>
    </tr>
    <tr>
        <td>
            <div>
                <p>This is test 1</p>
                <p>Lorem Ipsum Dorem Lorem Ipsum Dorem Lorem Ipsum Dorem Lorem Ipsum Dorem Lorem Ipsum Dorem Lorem Ipsum Dorem Lorem Ipsum Dorem Lorem Ipsum Dorem Lorem Ipsum Dorem Lorem Ipsum Dorem Lorem Ipsum Dorem Lorem Ipsum Dorem Lorem Ipsum Dorem Lorem Ipsum Dorem Lorem Ipsum Dorem Lorem Ipsum Dorem Lorem Ipsum Dorem</p> 
</div>

        </td>
    </tr>
    <tr><td><span><font size="2">&nbsp;</font></span></td></tr>
<tr>
            <td>
                <span><a href="#">Title 2</a></span>
                    <br />
by
                    <nobr>
                        <span><a href="#">Joe Bloggs</a></span>
                </nobr>
            </td>
            <td>
                02/10/2011
            </td>
    </tr>
    <tr>
        <td>
            <div>
                <p>This is test 2</p>
                <p>This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. This is a test. 
</p> 
</div>

        </td>
    </tr>
    <tr><td><span><font size="2">&nbsp;</font></span></td></tr>



</table>

JavaScript

if ($('table').hasClass('ms-summarycustombody')) {
    var div = $("<div id='viewport' class='viewport'></div>");
    var list = $("<ul id='announcementList'></ul>");
    var listitem = $("<li/>");
    var p = null;
    $('.ms-summarycustombody').each(function(i) {
        $(this).find("tr").each(function(i) {
            //listitem = $("<li/>");
            p = $("<p/>");

            $(this).find("td").each(function(i) {
                if ($(this).html() != "") p.append("<span>" + $(this).html() + "</span>");
            });

            if (p[0].innerHTML != "") listitem.append(p);

            if ($(listitem).text() != "" && $(listitem).text() != "\xa0") {
                if ((i + 1) % 3 == 0) {
                    list.append(listitem);
                    listitem = $("<li/>");
                }
            }
        });
        div.append(list);
        $(this).replaceWith(div);
    });

    if (document.getElementById('viewport') != null) {
        $('.viewport').jCarouselLite({
            auto: 5000,
            speed: 1000
        });
    }
}