JSFiddle - React, Tailwind, and code Playground
HTML
<div class="weather-widget" style="top:75px">
<!-- NMData/summary.jsp - noModule = yes -->
<!-- Generated at Mon Sep 12 11:10:54 EST 2011 -->
<!-- NMData/summary.jsp - noModule = yes -->
<div class="module weather-tab id1225962182777">
<div class="module-header">
</div>
<div class="module-content">
<div class="more-cities js-popmenu-parent"> More Cities
<ul class="js-tabs nav-submenu">
<li class="js-tab" title="S00">
<a href="S00">Adelaide</a>
</li>
<li class="js-tab" title="Q00">
<a href="Q00">Brisbane</a>
</li>
<li class="js-tab" title="Q04">
<a href="Q04">Cairns</a>
</li>
<li class="js-tab" title="N07">
<a href="N07">Canberra</a>
</li>
<li class="js-tab" title="Q15">
<a href="Q15">Coolangatta</a>
</li>
<li class="js-tab" title="D00">
<a href="D00">Darwin</a>
</li>
<li class="js-tab" title="T04">
<a href="T04">Hobart</a>
</li>
<li class="js-tab" title="V00">
<a href="V00">Melbourne</a>
</li>
<li class="js-tab" title="N03">
<a href="N03">Newcastle</a>
</li>
<li class="js-tab" title="W00">
<a href="W00">Perth</a>
</li>
<li class="js-tab" title="N00">
<a href="N00">Sydney</a>
</li>
<li class="js-tab" title="Q05">
<a href="Q05">Townsville</a>
...
CSS
.weather-widget { margin: 0.5em; width: 120px; }
.weather-tab .js-tab-content { color: #999; font-size: small; height: 35px; overflow: hidden; position: relative; }
.weather-tab .js-tab-content .heading { float: right; margin: 2px 40px 0 0; }
.weather-tab .js-tab-content .heading a { background: url('../images/arrow_r.png') no-repeat 0 center; color: #000; padding: 0 0 0 10px; text-decoration: none; }
.weather-widget .more-cities, .weather-tab .js-tab-content .weather-links, .weather-tab .js-tab-content .weather-forecast, .weather-tab .js-tab-content .weather-today .weather-today-desc, .nav-submenu { display: none; }
.weather-tab .js-tab-content .weather-today .weathericon-large { position: absolute; right: 0; top: 0; }
.weather-tab .js-tab-content .weather-today .weather-today-temp { clear: left; float: right; margin: 0 40px 0 0; }
.weather-tab .js-tab-content .weather-today .weathericon-large span { display: none; }
JavaScript
var spans = document.querySelectorAll('.js-tab-content .heading a span');
var links = {
Adelaide: "http://weather.news.com.au/sa/adelaide/adelaide",
Brisbane: "http://weather.news.com.au/qld/brisbane/brisbane",
Cairns: "http://weather.news.com.au/qld/nth-cst-and-tableland/cairns",
Canberra: "http://weather.news.com.au/act/act/canberra",
Coolangatta: "http://weather.news.com.au/nsw/illawarra/coolangatta",
Darwin: "http://weather.news.com.au/nt/darwin-daly/darwin",
Hobart: "http://weather.news.com.au/tas/lower-derwent/hobart",
Melbourne: "http://weather.news.com.au/vic/melbourne/melbourne",
Newcastle: "http://weather.news.com.au/nsw/hunter/newcastle",
Perth: "http://weather.news.com.au/wa/perth/perth",
Sydney: "http://weather.news.com.au/nsw/sydney/sydney",
Townsville: "http://weather.news.com.au/qld/lower-burdekin/townsville"
};
for (var i = 0; i < spans.length; i++) {
spans[i].parentNode.href = links[ spans[i].innerHTML ];
}