2013-08-08 4 views
-1

У меня есть HTML-страница, которая может содержать сотни кнопок. Каждая кнопка имеет один и тот же класс, но каждый имеет другой идентификатор. Я создаю кнопки, используя цикл. Гарантируется, что каждая кнопка имеет уникальный идентификатор.Получение конкретного элемента DOM из набора, имеющего такой же класс

Если какой-либо из этих кнопок нажата, я хочу знать идентификатор кнопки

например. (Я только показал 2 кнопки здесь)

<!DOCTYPE html> 
     <html> 
      <head> 
     <script type="text/javascript" src="jquery.js"></script> 
     <script> 
      $(document).ready(function() { 
       $('.btn').click(function() { 
        alert($('.btn').attr("id")); 
       }); 
      }); 
     </script> 
    </head> 
    <body> 
     <button class="btn" id="1">Button1</button> 
     <button class="btn" id="2">Button2</button> 
    </body> 
</html> 

, но я всегда получаю идентификатор первой кнопки на странице, даже когда я нажмите на вторую кнопку

Как получить идентификатор конкретной кнопки, которая был нажат? Thanks

ответ

4

Смена $('.btn').attr("id") на this.id и все готово.

Смежные вопросы