Как получить идентификатор элемента, нажатого с помощью jQuery

click to get id

Как получить идентификатор элемента clicked? Пролет, который присутствует внутри inner_div, будет иметь разные идентификаторы, потому что я буду загружать диапазон из модели (MVC) с помощью jquery ajax. Таким образом, будет число «n». Весь диапазон будет иметь уникальный идентификатор. Я хочу получить идентификатор пролета, который я нажимаю.

Как получить идентификатор диапазона при нажатии? Как это сделать с помощью jQuery?

при загрузке содержимого динамически, так что вы используете.

 $(document).on('click', 'span', function () { alert(this.id); }); 

старый код

 $('span').click(function(){ alert(this.id); }); 

или вы можете использовать .on

 $('span').on('click', function () { alert(this.id); }); 

this относится к текущему элементу диапазона, нажатому

this.id даст id текущего диапазона нажатого

Поскольку вы загружаетесь в промежутки с помощью ajax, вам придется прикрепить обработчики делегатов к событиям, чтобы их поймать, когда они пузырятся.

 $(document).on('click','span',function(e){ console.log(e.target.id) }) 

вам нужно будет прикрепить событие к ближайшему статическому члену, чтобы повысить эффективность.

 $('#main_div').on('click','span',function(e){ console.log(e.target.id) }) 

лучше, чем привязка к документу, например.

Этот вопрос может помочь вам понять

Direct vs. Delegated – jQuery .on ()

Я хотел поделиться тем, как вы можете использовать это, чтобы изменить атрибут кнопки, потому что мне потребовалось некоторое время, чтобы понять это …

Например, чтобы изменить фон на желтый:

 $("#"+String(this.id)).css("background-color","yellow"); 

Вы можете получить идентификатор щелчка по этому коду

 $("span").on("click",function(e){ console.log(e.target.Id); }); 

Использовать .on() для будущей совместимости

  • Автозаполнение jquery с json-ответом
  • Как правильно вырваться из цепочки обещаний?
  • В JQGrid, возможно ли использовать другой форматтер для группировки итоговой ячейки, отличной от форматирования столбцов?
  • проблема при клонировании jQuery UI datepicker
  • Как получить событие click ONLY только для родительского DIV, а не для детей?
  • Синхронное предупреждение XMLHttpRequest и
  • Синхронная анимация JQuery
  • Ajax - Как обновить после отправки
  • $ .getJSON возвращает кэшированные данные в IE8
  • Передайте массив в ajax-запрос в $ .ajax ()
  • сделать JLabel обернуть его текстом, установив максимальную ширину
  • Давайте будем гением компьютера.