Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

jQuery Click Event On Div, Except Child Div

I have the following HTML:

<div class="server" id="32">   <a>Server Name</a>   <div class="delete-server">X</div> </div> 

I am trying to make it so when users click the server div it brings up an edit dialog. The problem is simply doing:

 $(".server").click(function () {      //Show edit dialog  }); 

Does not work, because if they click the X which is delete, it brings up the edit dialog. How can make the entire div server have the click event except the delete-server div.

like image 348
Justin Avatar asked Apr 15 '12 07:04

Justin


1 Answers

$(".server").on('click', ':not(.delete-server)', function (e) {      e.stopPropagation()      // Show edit dialog }); 

Here's the fiddle: http://jsfiddle.net/9bzmz/3/

like image 79
Joseph Silber Avatar answered Sep 20 '22 11:09

Joseph Silber