Как изменить порядок событий в jquery?

$("ul").on("click","li",function(){
  alert("Yeah I did it!");
  alert("Noooooo!");  
  
  console.log($(this).closest("ul").attr("id"));
  console.log($(this).index(),$(this).text());
  
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul id="myUl">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
<li>10</li>
</ul>