[jQuery] Event delegation in CLosest()

[jQuery] Event delegation in CLosest()


Dear Folk ,
how does the $(document).closest() work I could not understand .
for example this is our HTML code
<ul id="main">
<li> a </li>
<li>
<ul>
<li> b</li>
</ul>
c
</li>
</ul>
javascript code :
$("#main").bind("click", function (e) {
$(e.target).closest("li").css("background","red")
});
so how doesthis exactly do , how is this relate to event delegation