Sort anything with Jquery

by Ryan Brackett

HTML

<ul>
  <li class="item-title">&#8203;<a class="item-link" href="http://ebooks.aap.org/" style="background-color:#ffffff;">AAP eBook Access</a><br></li>
  <li class="item-title">
    <a class="item-link" href="http://medabbrev.com/" target="_blank" style="background-color:#ffffff;">Abbreviations</a><br></li>
  <li class="item-title">
    <a class="item-link" href="http://nghsintranet.nghs.com/Depts/Nursing/Documents/AdminRxDocs/AdminrxUpdateUserGuide.pdf" target="_blank" style="background-color:#ffffff;">Admin-Rx Online User Guide</a><br></li>
  <li class="item-title">
    <a class="item-link" href="/PSQ/OnLine%20Monitors" target="_blank" style="background-color:#ffffff;"><span style="text-decoration:underline;"><font color="#8640cc">Audit_OnLine Monitors</font></span></a></li>
  <li class="item-title">
    <a class="item-link" href="http://vmwshciweb1.nghs.com/barcode.php" target="_blank" style="background-color:#ffffff;">Barcode Medication Verification</a><br></li>
  <li class="item-title">
    <a class="item-link" href="http://moms.nghs.com/" target="_blank" style="background-color:#ffffff;">Breastmilk Tracking</a><br></li>
  <li class="item-title">
    <a class="item-link" href="http://cardioserver.nghs.com/" target="_blank" style="background-color:#ffffff;">CardioServer - ECG System</a><br></li>
  <li class="item-title">
    <a class="item-link" href="http://cardioweb.nghs.com/" target="_blank" style="background-color:#ffffff;">CardioWeb - Cardiology PACS</a><br></li>
  <li class="item-title">
    <a class="item-link" href="http://vmaschartlink1.nghs.com/" style="background-color:#ffffff;">Chartlinks</a><br></li>
  <li class="item-title">
    <a class="item-link" href="http://teams.nghs.com/Pharmacy/CRITICAL%20CARE%20MEDICATION%20GUIDE/Crit%20Care%20Med%20Guide%202019.pdf" target="_blank" style="background-color:#ffffff;">Critical Care Medication Guide</a><br></li>
  <li class="item-title">
    <a class="item-link"...

CSS

body {
        background: #eee;
        font-family: sans-serif;
      }

      .box {
        background: red;
        height: 200px;
        width: 200px;
      }

      .box h1 {
        color: white;
        font-size: 3.5em;
        text-align: center;
      }

      .box h2 {
        color: black;
        font-size: 2.5em;
        text-align: center;
      }

JavaScript

$(".item-link").click(function() {
  var linkText = $(this).text();
  ga('send', 'event', 'Clinical Page Links', 'OnMouseDown', linkText);
  console.log("GA event sent for " + linkText);
});