Как получить кликнутый объект jquery?

Question

[crayes23]

Например есть два блока с одним и тем же id

<div id="1" class="one">yo</div>
<div id="1" class="two">me</div>

Хочу чтобы при клике получался класс именно кликнутого объекта и менялся его цвет на зелёный

$('#1').click(function(event) {
  var myClass = $( event.target ).attr('class');
  $('.' + myClass).css( "color", "green" );
}

Но ничего не происходит. Как решить эту проблему?

Answer 1

[Sergey Zhukov]

ID должен обязательно начинаться с латинского символа и может содержать в себе латинские буквы (A–Z, a–z), цифры (0–9), символ дефиса (-) и подчеркивания (_).
ID в коде документа должен быть в единственном экземпляре.
Можно использовать универсальный метод on

$(".sort a").on("click", function() {
    //...
  });

Answer 2

[dk-web]

не может быть двух одинаковых id - Сергей Жуков все верно вам отписал..

<div id="yo" class="one new_class">yo</div>
<div id="me" class="two new_class">me</div>

Хочу чтобы при клике получался класс именно кликнутого объекта и менялся его цвет на зелёный

$('.new_class').click(function(event) {
  var myClass = $(this).attr('class');
  $(this).css( "color", "green" ); //в принципе переменная с определением класса вам и не нужна
}

можно вообще проще сделать

$('div').on('click', function() {
   $(this).css( "color", "green" ); // любой кликнутый див изменит цвет на зеленый, но с классами, конечно, правильней
});

Answer 3

[Everal]

$(this)

Comments

[crayes23]

$(this) будет возвращать первый попавшийся с id 1, у меня так во всяком случае.. напишите пожалуйста рабочий код этого примера