Как идентифицировать блок с динамическим id?

@skapunker · Регистрация: 13.12.2013

Студворк — интернет-сервис помощи студентам

Всем привет! Ребята, помогите пожалуйсто решить такую проблему. У нас есть некий скрипт, который делает первую букву заглавной в инпутах с id #comments,#name. Нужно еще сделать так, чтобы он работал в блоках с динамическими id, например comment487, comment600, comment601 и т.д. Подскажите, как это сделать?

JavaScript
1
$(document).ready( function() { $("#comments,#name").on("keyup", function () { var text = $(this).val(); var new_text = text.charAt(0).toUpperCase() + text.substr(1); $(this).val(new_text); }); });

@Mr_Sergo · 10.09.2019, 02:45

skapunker,

https://codepen.io/Mr_Sergo/pen/QWLmKwr

HTML5
1
2
<input type="text" id="comments601">
<input type="text" id="comments640">

JavaScript
1
2
3
4
5
$('[id*="comments"]').on("input", function () {
    var text = $(this).val();
    var new_text = text[0].toUpperCase() + text.substr(1);
    $(this).val(new_text);
});

@skapunker · 10.09.2019, 07:41 **[ТС]**

Mr_Sergo, работает норм. На не подскажете как в этот же скрипт интегрировать, чтобы еще функция воздействовала на все textarea с id="name"?

@Mr_Sergo · 10.09.2019, 07:46

Сообщение от skapunker

чтобы еще функция воздействовала на все textarea с id="name"?

Так -> https://codepen.io/Mr_Sergo/pen/WNezpda ??

JavaScript
1
2
3
4
5
$('[id*="comments"], [id*="name"]').on("input", function () {
    var text = $(this).val();
    var new_text = text[0].toUpperCase() + text.substr(1);
    $(this).val(new_text);
});

@esculap_ra · 10.09.2019, 10:44

Можно еще организовать через live, bind или delegate (смотри документацию по квери, у этих функций имеются отличия). Например,
.live()

Устанавливает обработчик событий на выбранные элементы страницы. Метод имеет одну важную особенность, отличающую его от bind(): если на страницу будут вставлены новые элементы, которые соответствуют текущему селектору, то они также будут реагировать на заданные события.

Новые блоги и статьи Все статьи Все блоги /
Автозаполнение реквизита при выборе элемента справочника Maks 27.03.2026 Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .	Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .	Автозаполнение реквизитов при создании документа Maks 26.03.2026 Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .	Команды формы и диалоговое окно Maks 26.03.2026 1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .
Кому нужен AOT? DevAlt 26.03.2026 Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .	Отправка уведомления на почту при создании или изменении элементов справочника Maks 24.03.2026 Программная отправка письма электронной почты на примере типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной записи электронной. . .	модель ЗдравоСохранения 5. Меньше увольнений- больше дохода! anaschu 24.03.2026 Теперь система здравосохранения уменьшает количество увольнений. 9TO2GP2bpX4 a42b81fb172ffc12ca589c7898261ccb/ https:/ / rutube. ru/ video/ a42b81fb172ffc12ca589c7898261ccb/ Слева синяя линия -. . .	Midnight Chicago Blues kumehtar 24.03.2026 Такой Midnight Chicago Blues, знаешь?. . Когда вечерние улицы становятся ночными, а ты не можешь уснуть. Ты идёшь в любимый старый бар, и бармен наливает тебе виски. Ты смотришь на пролетающие. . .

@skapunker -30 / 25 / 12 Регистрация: 13.12.2013 Сообщений: 1,465
	10.09.2019, 07:41 [ТС]
	Mr_Sergo, работает норм. На не подскажете как в этот же скрипт интегрировать, чтобы еще функция воздействовала на все textarea с id="name"? 0

@esculap_ra 462 / 265 / 55 Регистрация: 22.08.2010 Сообщений: 1,204 Записей в блоге: 4
	10.09.2019, 10:44
	Можно еще организовать через live, bind или delegate (смотри документацию по квери, у этих функций имеются отличия). Например, .live() Устанавливает обработчик событий на выбранные элементы страницы. Метод имеет одну важную особенность, отличающую его от bind(): если на страницу будут вставлены новые элементы, которые соответствуют текущему селектору, то они также будут реагировать на заданные события. 0

Как идентифицировать блок с динамическим id?

Решение