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

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

Edited September 19, 2012 by flipper1001

[Radiocity]

Всё работает http://jsfiddle.net/Radiocity/g87cA/

Во-первых, все значения параметров в теге заключаются в кавычки:

   <input name="somename" type="text" value="blablabla"  class="someclass"/>

Во-вторых, "имена классов должны начинаться с латинского символа и могут содержать в себе символ дефиса (-) и подчеркивания (_). Использование русских букв в именах классов недопустимо." (с) htmlbook

   <div class="some_class"></div>

[flipper1001]

чего работает то задача то не click поймать а нажатие и отпускание кнопки при нажатии одно действие при отпускании другое.

оно кстати и так все работает http://jsfiddle.net/AdxHV/

при нажатии на оба дива происходит одно и тоже а мне надо чтобы при нажатии одного скрипт работал а при надатии на тот который внутри нет

Edited September 20, 2012 by flipper1001

[Int]

  On 9/20/2012 at 1:25 AM, Radiocity said:

Использование русских букв в именах классов недопустимо

Все забыли пример, где в именах классов вообще были неалфавитные символны?

[wwt]

  On 9/20/2012 at 2:47 AM, flipper1001 said:

чего работает то задача то не click поймать а нажатие и отпускание кнопки при нажатии одно действие при отпускании другое.

оно кстати и так все работает http://jsfiddle.net/AdxHV/

при нажатии на оба дива происходит одно и тоже а мне надо чтобы при нажатии одного скрипт работал а при надатии на тот который внутри нет

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

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

Edited September 20, 2012 by wwt