JSFiddle - React, Tailwind, and code Playground

by alex25

HTML

<ul class="nav-bot">
  <li><a href="#">some link 1</a></li>
  <li><a href="#">some link 2</a></li>
  <li><a href="#">some link 3</a></li>
  <li>not link</li>
  
</ul>

CSS

.nav-bot li{
    display:inline;
    float: left;
    padding: 0 5px;
}
.nav-bot li a{
  margin-top: 15px;
}

JavaScript

if($(".nav-bot li:not(:contains('a href='))")){
        //$(".nav-bot li").css("color", "red"); //work
        $(this).css("color", "red");  // not work
 }