javascript - jQuery 没有得到应用。 Javascript 工作正常

Question

这应该做什么:它向第一个 child 添加一个类。第二个仅用于测试。它应该将一个列表元素的背景颜色更改为红色。 这些都不适用。

clientStuff();
alert("Hi");

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

$( "li" ).first().css( "background-color", "red" );

我尝试过的:

1. 我检查了文档的链接。还有他们的命令。链接来了:

<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"></script>

1. 我检查了分号和拼写错误。
2. 我向强大的 Cthulu 寻求帮助。他说“不”。

有没有人有想法？

Answer 1

尝试这样的事情:

$(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>   

试试这个，如果你需要只选择第一个 child :

$('ul li:first')