尝试以下内容：

$(function(){

  var $li = $('ul li').click(function() {
    $li.removeClass('selected');
    $(this).addClass('selected');
  });

});

li.selected {
    color: green;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
  <li>Item 4</li>
  <li>Item 5</li>
  <li>Item 6</li>
</ul>

如果您需要只选择第一个孩子，请尝试此操作：

$('ul li:first')

看看这个，我希望它对你有帮助

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
     <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
     <link href="styles.css"  rel="stylesheet" type="text/css">
     <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
     <script src="script.js" type="text/javascript"></script>

在如下所示的script.js文件中：

$(document).ready(function() {
     alert("Hi");
     clientStuff();
     $( "li" ).first().css( "background-color", "red" );

});
function clientStuff(){
    $('.client-unit').first().addClass('active-client');
}

$（“li”）.first（）.css（{“背景色”：“黄色”}）;

因为您使用的是Jquery。
所以像代码一样使用它将工作。

jQuery(function(){
      $('.client-unit').first().addClass('active-client');
      $('li').first().css("background-color","red");
    });

实际上，**first（）**属性并不适用于子属性，而是适用于其同类中的第一个属性，
因此，first（）搜索具有类****client-unit的第一个元素，并对其应用类。
下面是输出的示例屏幕截图：

这里还有代码的Codepen，以及我这边的HTML示例，
https://codepen.io/shohil06/pen/ZJzEJj
希望能有所帮助！
谢谢