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"> </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
});
}
}