Wyklucz Wybierz Kliknij przez Jquery

Question

Próbuję wywołać akcję, gdy klikam gdziekolwiek na tr z klasą rodzica. Z wyłączeniem po kliknięciu jednego z pól wyboru.

$('tr.parent') 
    .css("cursor", "pointer") 
    .click(function (e) { 
     if($(e.target).not('select')){ 
      // do something 
    } 

Próbuję wykonać następujące czynności, ale to nie działa.

http://jsfiddle.net/0Lh5ozyb/60/

Answer 1

To powinno rozwiązać problem zarówno dla Chrome i Firefox:

$('tr.parent') 
    .css("cursor", "pointer") 
    .click(function (e) {     
     if ($(e.target).is('select') || $(e.target).is('option')) { 
      // 
     } else { 
      $(this).css('background-color', 'red'); 
     } 
    }); 

$('tr[class^=child-]').find('td > div, td').hide(); 

JSFiddle test

Edit: Uproszczona wersja, jeśli nie trzeba zrobić każdy akcja po kliknięciu przycisku wyboru.

$('tr.parent') 
    .css("cursor", "pointer") 
    .click(function (e) {    
     if (!($(e.target).is('select') || $(e.target).is('option'))) { 
      $(this).css('background-color', 'red'); 
     } 
    }); 

$('tr[class^=child-]').find('td > div, td').hide(); 

JSFiddle test

Answer 2

Spróbuj tego:

$('tr.parent') 
    .css("cursor", "pointer") 
    .click(function (e) { 
     if($(e.target).is("select")) 
     { 
      //... it was a select 
     } 
     else 
     { 
     //... it was not a select 
     } 
    } 

Answer 3

Według jQuery website, można użyć not z nimi potomkowie elementów do mocowania to wydarzenie! Spróbuj

$('tr.parent *').not('select') 
.css("cursor", "pointer") 
.click(function (e) { 
     // do something 
    } 
} 

PS: może dołączyć zdarzenie więcej niż raz do elementu zawartego w innym potomek

Answer 4

jQuery not to metoda filtr. W związku z tym tworzy obiekt jQuery. Gdy nic się nie zgadza, nadal zwraca pustą tablicę, która nie jest fikcją . W związku z tym twój test jest zawsze sprawdzany.

Możesz dostosować test za pomocą operatora testu jQuery nr is, który sprawdza, czy twój obiekt pasuje do selektora. Poniżej jest optymalizacja Royi Namir's answer:

$('tr.parent') 
    .css("cursor", "pointer") 
    .click(function (e) { 
     if($(e.target).is(":not(select)")) { 
      //... it was not a select 
     } 
    });