jquery的对象过滤


<body>

    <ul>
        <li>aaaaaali>
        <li>ddddddli>
        <li>cccccli>
        <li><span>dddddspan>li>
    ul>

    <script src="../js/jQuery.js">script>
    <script>

    script>
body>

如何用jquery的过滤选取 没有span的 li

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit" />
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <link rel="icon" href="" />
    <title>html</title>
  </head>
  <body>
    <ul>
      <li>aaaaaa</li>
      <li>dddddd</li>
      <li>ccccc</li>
      <li><span>ddddd</span></li>
    </ul>
    <script src="https://cdn.staticfile.org/jquery/1.11.3/jquery.min.js"></script>
    <script>
      let list = $("ul li").filter(
        (index, item) => $(item).find("span").length == 0
      );
      console.log(list);
    </script>
  </body>
</html>

多写个class或者啥的来区分不就完了，不然区分没有span的li还得遍历看子元素，太麻烦了吧