Selectorproblem: Alles außer INPUT in DIV Box

[NM78]

Hallo, ich versuche schon die ganze Zeit einen Event auszulösen wenn jemand in eine (von vielen mit der selben Klasse) DIV Box klickt. In den Boxen sind allerdings auch Checkboxen und ich möchte, dass kein Event ausgelöst wird wenn derjenige in die Checkbox (die sich dummerweise in den DIV Boxen befinden) klickt.

Ich habe es schon erfolglos mit dem :NOT Selektor probiert.

Könnt Ihr mir helfen?

                        $("div.boxen_vom_typ1:not(input),div.boxen_vom_typ2").click(function(){                            
alert("Klick");
});

Das Beispiel oben funktioniert nicht. Ich müsste den NOT Selektor auf ein Unterelement der DIV Boxen anwenden, weiß aber nicht wie.

 

[Sven Mintel]

Moin,

versuche es mal anders...nicht über den Selektor, sondern den Event.
Das, was dort das ungewollte Verhalten verursacht, nennt man Event-Bubbling(ein Event wird an Elternelemente weitergereicht). Das kann man auch verhindern per Event.stopPropagation()

$("div.boxen_vom_typ1,div.boxen_vom_typ2")
  .bind('click',
        function()
        {                            
          alert("Klick");
        }
       )
  .find('input[type="checkbox"]')
    .bind('click',function(e){e.stopPropagation();});