Помогите со скриптом

[flipper1001]

У меня есть вот такая конструкция

<div class=1>
   <div class =2>
   </div>
</div>

в скрипте я использую вот такой код

$(".1").mouseup(function(){
      $(this).append('<span style="color:#F00;">Mouse up.</span>');
    }).mousedown(function(){
      $(this).append('<span style="color:#00F;">Mouse down.</span>');
    });

при этом mousedown выполняется и при клику на первы и на второй див как мне сделать чтобы это работало только при клике на первый див а при клике на второй нет?

[ksa]

mousedown выполняется и при клику на первы и на второй див

Так ведь второй находится внутри первого. Т.о. все срабатывает исключительно на первом.

[flipper1001]

спасибо кэп тока мне то надо сделать так чтобы работало так как мне надо

[ksa]

мне то надо сделать так чтобы работало так как мне надо

Эва!

[Aetae]

Нужно остановить всплытие.

[flipper1001]

все сделал вот так

$('.a2').bind("mousedown mouseup", function(e){e.stopPropagation();});

$(".a1").mouseup(function(){
       $(this).append('<span style="color:#000;">Mouse up.</span>');
}).mousedown(function(){
       $(this).append('<span style="color:#000;">Mouse down.</span>');
});