JSFiddle - React, Tailwind, and code Playground

HTML

<atom:entry>
  <atom:id>Alex Kane</atom:id>
  <atom:title type="text/html">Alex Kane</atom:title>
  <atom:author>
    <atom:uri>uid=wpsadmin,o=defaultWIMFileBasedRealm</atom:uri>
    <atom:name>uid=wpsadmin,o=defaultWIMFileBasedRealm</atom:name>
  </atom:author>       
  <wplc:field id="imagepath">/wps/wcm/connect/4a2dffd8-bf49-47f0-8b9a-5e842f6fa63b/Kane_Alex_whitecoat_191x288.png?MOD=AJPERES
    <![CDATA[&amp;CACHEID=4a2dffd8-bf49-47f0-8b9a-5e842f6fa63b]]>
  </wplc:field>
  <wplc:field id="gender">MALE</wplc:field>
  <wplc:field id="doc_source">default</wplc:field>
  <wplc:field id="degree">M.D.</wplc:field>
  <wplc:field id="defaultcontext">/poc</wplc:field>
  <wplc:field id="contentsourcetype">Seedlist</wplc:field>
  <wplc:field id="contentSourceType">Seedlist</wplc:field>       
  <wplc:field id="docid">Alex Kane</wplc:field>
  <wplc:field id="title">Alex Kane</wplc:field>
  <wplc:field id="language">English</wplc:field>
  <wplc:field id="doctortype">Plastic Surgery</wplc:field>
  <wplc:field id="condition">3D Surface Motion Capture</wplc:field>
  <wplc:field id="condition">3D Surface Scan</wplc:field>
  <wplc:field id="condition">Kinematic Motion Capture</wplc:field>       
  <wplc:field id="security_ids">Z6QReDeIPO2JIT62BDIJM8CKHDAJMG6P1P2MM8C3BEIJMK61BPAMPCCG1CIJP8623</wplc:field>
  
  <wplc:field id="description">Plastic Surgery</wplc:field>
  <wplc:field id="contentPath">/Blog Solo Template v70/Blog/Home/95c189804d4268bf8d49ede9170f1e3d</wplc:field>
</atom:entry>
<br />
<atom:entry>
  <atom:id>Alex Kane</atom:id>
  <atom:title type="text/html">Alex Kane</atom:title>
  <atom:author>
    <atom:uri>uid=wpsadmin,o=defaultWIMFileBasedRealm</atom:uri>
    <atom:name>uid=wpsadmin,o=defaultWIMFileBasedRealm</atom:name>
  </atom:author>       
  <wplc:field id="imagepath">/wps/wcm/connect/4a2dffd8-bf49-47f0-8b9a-5e842f6fa63b/Kane_Alex_whitecoat_191x288.png?MOD=AJPERES
    <![CDATA[&amp;CACHEID=4a2dffd8-bf49-47f0-8b9a-5e842f6fa63b]]>
  </wplc:field>
  <wplc:field...

CSS

* {margin: 0px; padding: 0px;}
body {background-color: rgb(248,248,248)}
#nav {
    list-style:none;
}
#nav li {
    float:left;
    display:block;
    width:100px;
    position:relative;
    z-index:500;
}
/* this is the parent menu */
 #nav li a {
    display:block;
    padding:15px;
    color:#000;
    border: 1px solid transparent;
}
#nav li a:hover {
    border: 1px solid black;
    
}
 #nav a.open {
    color:#fff;
    background-color: pink;
}
 #nav ul {
    position:absolute;
    display:none;
    padding:0;
    list-style:none;
}
#nav ul li {
    width:100px;
    float:left;
}
 #nav ul a {
    display:block;
    height:15px;
    padding: 15px;
    color:#666;
}
#nav ul a:hover {
    text-decoration:underline;
}
.active{
    background-color: pink;
    
}

JavaScript

$('atom\\:entry').filter(function(){
return $(this).find('#type').length == 0 ;
}).css('background','grey')

debugger;