Как в jquery найти все элементы по id в нужном div блоке?

Question

[balex777]

Привет, есть такой блок html

<div class="row">
       <div class="col-xs-4"><label for="PhoneStaffCompany_phone_number" class="required">Телефон <span class="required">*</span></label><span class="morePhones">+</span></div>
       <div class="col-xs-5"><input name="PhoneStaffCompany[phone_number][0]" id="PhoneStaffCompany_phone_number" type="text" maxlength="255" value="4354325325"></div>

       <div class="col-xs-4"></div>
       <div class="col-xs-8" style="padding-right: 0px;">
           <div id="input-container-phone">
               <div>
                   <input name="PhoneStaffCompany[phone_number][1]" id="PhoneStaffCompany_phone_number" type="text" maxlength="255" value="252452435">

               </div>
               <div>
                   <input name="PhoneStaffCompany[phone_number][2]" id="PhoneStaffCompany_phone_number" type="text" maxlength="255" value="23562354">

               </div>
           </div>                       
       </div>

   </div>

Когда я жму на плюс <span class="morePhones">+</span>
Мне надо найти все input с id="PhoneStaffCompany_phone_number"

Сделал скрипт

$('body').on('click','.morePhones',function(){
        var input = $(this).closest('.row').find('#PhoneStaffCompany_phone_number');
        console.log(input);
    });

Но он почему то находит только один input - первый и все.
Как найти все?

Answer 1

[Антон Неверов]

Вы несколько id искать не можете. В разметке только 1 элемент может содержать уникальный id. Используйте опознавание по классам.

Answer 2

[Сергей c0re]

Замените id на class и поиск по селектору класса find('.PhoneStaffCompany_phone_number')