Question

172

jQuery Click Event On Div, Except Child Div

rated 0 times [ 176] [ 4] / answers: 1 / hits: 28400 / 12 Years ago, sun, april 15, 2012, 12:00:00

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.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

nolancampbellc

Add To Favorites

Follow

Total Points: 9

Total Questions: 102

Total Answers: 101

Location: Saint Vincent and the Grenadines

Member since Mon, Jan 16, 2023

1 Year ago

nolancampbellc questions

1 Add optional query parameters to a dynamic path using React Router

Thu, Aug 11, 22, 00:00, 2 Years ago

1 React - Cannot read properties of null (reading useState) error

Fri, May 27, 22, 00:00, 2 Years ago

1 Chrome extension action.onClicked

Thu, Sep 23, 21, 00:00, 3 Years ago

1 How to return string or JSX element in TypeScript React component?

Wed, Jan 13, 21, 00:00, 3 Years ago

1 Cypress iterate through elements in an array

Mon, Nov 23, 20, 00:00, 4 Years ago

View All

answered 12 Years ago dawnc · Accepted Answer

$(.server).on('click', ':not(.delete-server)', function (e) {

     e.stopPropagation()

     // Show edit dialog

});

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