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

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

<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 выполняется и при клику на первы и на второй див как мне сделать чтобы это работало только при клике на первый див а при клике на второй нет?

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

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

Эва! :blink:

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

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

$('.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>');
});