JSFiddle - React, Tailwind, and code Playground

by ian_smithz

HTML

var _data_cache = [{"lat":"51.8975826","lng":"-2.0772859","company":"Test Network reporting","alias":"LLB251","lineId":"LLB251","serviceType":"Ethernet","network":"MPLS","lineNumber":"","moreInfoUrl":"network-reporting-detail?lineid=LLB251","installedAtLocation":" Quadrangle Imperial Square; Cheltenham; GL50 1PZ","installedAtPostcode":"GL50 1PZ","circuitRef":"WORKLIFETALKSIPINTERCONNECT-3028","status":"Connected","statusStyle":"text-success"},{"lat":"51.8975826","lng":"-2.0762859","company":"Test Network reporting","alias":"10MB MPLS","lineId":"LLB254","serviceType":"Ethernet","network":"MPLS","lineNumber":"","moreInfoUrl":"network-reporting-detail?lineid=LLB254","installedAtLocation":" Quadrangle Imperial Square; Cheltenham; GL50 1PZ","installedAtPostcode":"GL50 1PZ","circuitRef":"EAFE00637251\/2C00637417","status":"Connected","statusStyle":"text-success"},{"lat":"51.8975826","lng":"-2.0752859","company":"Test Network reporting","alias":"2MB Backup MPLS","lineId":"LLB253","serviceType":"Ethernet","network":"MPLS","lineNumber":"","moreInfoUrl":"network-reporting-detail?lineid=LLB253","installedAtLocation":" Quadrangle Imperial Square; Cheltenham; GL50 1PZ","installedAtPostcode":"GL50 1PZ","circuitRef":"PCA3391290\/S1040597A","status":"Connected","statusStyle":"text-success"},{"lat":"51.8975826","lng":"-2.0742859","company":"Test Network reporting","alias":"[email protected]","lineId":"[email protected]","serviceType":"Broadband","network":"Internet","lineNumber":"01242 242101","moreInfoUrl":"[email protected]","installedAtLocation":" Quadrangle Imperial Square; Cheltenham; GL50 1PZ","installedAtPostcode":"GL50 1PZ","circuitRef":"BBEU06200597","status":"Connected","statusStyle":"text-success"},{"lat":"51.8975826","lng":"-2.0732859","company":"Test Network...

JavaScript

var filterButtonContainer = document.getElementById('service-type-filter-buttons'),
    filterButton = filterButtonContainer.getElementsByTagName('label');

var i, e;
for (i = 0; i < filterButton.length; ++i) {
    e = filterButton[i];
    if (e.id === _filter) {
        alert('bum bum');
    }
}

console.log (filterButton);

/*
    var myNum = 'All';
    
    $('label[id^=""]').each(function() {
        if(myNum === parseInt($(this).attr('id'), 10)) {
          .hide();
        } else {
          // do else
        }
    });
    
*/