Как получить идентификатор элемента, нажатого с помощью 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() для будущей совместимости

  • .delegate () vs .on ()
  • Как вызвать веб-службу из jQuery
  • Есть ли версия $ getJSON, которая не использует обратный вызов?
  • Заказ DIV на основе имени classа с использованием Javascript / Jquery
  • Динамически добавлять элемент в элемент управления jQuery Select2, который использует AJAX
  • от jquery $ .ajax до углового $ http
  • Ошибка: для jQuery требуется окно с документом
  • Проверка состояния JQuery (': hover') не работает
  • Получите высоту и ширину windows просмотра браузера без полос прокрутки с помощью jquery?
  • JQGrid: Как обновить выпадающий список после редактирования?
  • Выделите div с помощью jquery
  • Давайте будем гением компьютера.