I want to disable clicks on certain elements within a parent div with jQuery. How can it be done?

My approach was to try to exclude it from selection:

```js
$('.wrap1 :not(.wrap3 li)').on("click", function() {
  alert(1);
})
```

```html
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="wrap1">
  <div class="wrap2">
    <p>Some text</p>
    <ul>
      <li>list 1</li>
      <li>list 2</li>
      <li>list 3</li>
    </ul>
  </div>
  <div class="wrap3">
      <ul>
        <li>Should not be clickable</li>
      </ul>
  </div>
</div>
```

The result that I'm looking for is: if I click inside the `wrap1` div, it should prompt me the alert box, except when I click inside the `wrap3` div.

What am I missing here?