TGA Latest News generator

by timmah

HTML

<div class="group-content">
    <ul class="list-variant-a">
        <li class="views-row views-row-1 views-row-odd views-row-first">
            <div class="ds-1col node node-page node-teaser contextual-links-region view-mode-teaser clearfix">
                <div class="contextual-links-wrapper contextual-links-processed"><a class="contextual-links-trigger" href="#">Configure</a>
                    <ul class="contextual-links">
                        <li class="node-edit first"><a href="/node/4524/edit?destination=node/3394">New draft</a></li>
                        <li class="node-delete"><a href="/node/4524/delete?destination=node/3394">Delete</a></li>
                        <li class="node-clone-"><a href="/node/4524/clone/confirm?destination=node/3394">Clone</a></li>
                        <li class="node-node-export"><a href="/node/4524/node_export?destination=node/3394">Node export</a></li>
                        <li class="manage-display last"><a href="/admin/structure/types/manage/page/display/teaser?destination=node/3394">Manage display</a></li>
                    </ul>
                </div>
                <div class="field field-name-title field-type-ds field-label-hidden">


                    <div class="field-item">
                        <h3 class="title"><a href="/implementation-reforms-public-consultation-forecast">Implementation of reforms - public consultation forecast</a></h3></div>

                </div>
                <div class="field field-name-field-date field-type-datetime field-label-hidden">


                    <div class="field-item">10 February 2017</div>

                </div>
                <div class="field field-name-body field-type-text-with-summary field-label-hidden">


                    <div class="field-item">The forecast shows anticipated consultations commencing in the October 2016-March 2017 period</div>

                </div>
            </div>

        </li>
        <li class="views-row views-row-2...

JavaScript

//  TGA Weekly latest news generator - creates a UL with each news item fromm this page:
//  https://www.tga.gov.au/latest-news-updates

$('body > *:first').wrap('<div id="original"></div>')

$('#original').before('<div id="output"><ul></ul></div>')

var $output = $('#output ul'),
	$list = [];

$('.group-content .field-item h3.title').each(function() {
	var $item = '<li>',
		$text = $(this).text(),
		$item = $item + $text + '</li>';
	
	$list.push($item);
});

for (var i=0; i < $list.length; i++) {
	console.log($list[i]);
}

$output.append($list)
$('#original').remove();