I have a system status page from a partner that I am trying to convert so that I can automate its input into my own service page. The status of the service is provided by a <span>
class. I know this is far from ideal but this is the only way that they provide updates.
Below is a copy of the HTML:
<ul class="item-3">
<li class="status service1">
<span class="icon"></span>
<h6>
SERVICE 1
</h6>
<p>
Updated:
9:52 AM CST Apr, 24
</p>
<span class="arrow up"></span>
</li>
<li class="status service2">
<span class="icon"></span>
<h6>
SERVICE 2
</h6>
<p>
Updated:
9:52 AM CST Apr, 24
</p>
<span class="arrow up"></span>
</li>
<li class="status service3">
<span class="icon"></span>
<h6>
SERVICE 3
</h6>
<p>
Updated:
9:52 AM CST Apr, 24
</p>
<span class="arrow up"></span>
</li>
</ul>
I need to grab the <span class="arrow up">
values as this is the service status, and the <li class="status service3">
as this tells me what service it is.
Since my status page API uses IDs and not "up/down" etc I will need the statuses and services to be in arrays so I can convert them into my formats.