Доступ к массиву идентификаторов текстового поля. в Jquery

Question

Я новичок в jquery. У меня есть MVC код, который представляет собой форму с текстовыми полями с идентификаторами от 0 до n. Существует кнопка добавления, при нажатии на которую создается дополнительное текстовое поле, которое продолжается до тех пор, пока пользователь не пожелает добавить столько текстовых полей, сколько он может. Теперь я хочу преобразовать текст внутри текстовых полей из строчных в прописные, используя jquery. Я знаю, как сделать это для одного текстового поля, но как я могу получить доступ, когда идентификаторы текстового поля для l oop. Вот пример моего идентификатора текстового поля

<input type="text" id="txt[i]", value = "box[i]">

Значение i изменяется от 0 до n, если пользователь хочет вставить n нет. текстовых полей динамически.

PS: я новичок ie в Stackoverflow тоже. Пожалуйста, не возражайте против формата кода, как IDK, как разместить код здесь.

Answer 1

Вы можете выбрать текстовые поля с помощью class вместо id и использовать jQuery.each(), чтобы вам не нужно было знать идентификаторы.

Первое добавление атрибута класса :

<input class="tbUpperClass" type="text" id="txt[i]" value="box[i]">

Тогда скрипт будет выглядеть так:

$(".tbUpperClass").each(function (index, value) {
    var text = $(this).val();

    //Converting text to uppercase and set textbox value
    $(this).val(text.toUpperCase());

});

См .: Jquery селектор класса