Получить родительский текст элемента ввода

Question

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

<div id="group1"> 
    <div class="col-4 last-col"> 
     Customer ID:<br /> 
     <input name="tbCustomerId" id="tbCustomerId" type="text" /> 
    </div> 
    <div class="col-4 last-col"> 
     Customer Name:<br /> 
     <input name="tbCustomerName" id="tbCustomerName" type="text" /> 
    </div> 
    <div class="col-4 last-col"> 
     Birthday:<br /> 
     <input name="tbCustomerBirthdayDate" id="tbCustomerBirthdayDate" type="text" /> 
    </div> 
</div> 

Вот что я до сих пор:

<script type="text/javascript"> 
    $(function() { 
     var inputs = $(':input', '#group1'); 
     $.each(inputs, function (key, value) { 
      //I tried value.parent().text() but no luck. 
     }) 
    }) 
</script> 

Answer 1

Преобразовать value на объект JQuery

$(function() { 
    var inputs = $(':input', '#group1'); 
    $.each(inputs, function (key, value) { 
    $(value).parent().text(); // or $(this) 
    }) 
}) 

Example

Answer 2

вы уверены, что ваш селектор JQuery правильно выбрать входные элементы ? Попробуйте это

$('#group1 input').each(function(){ console.log($(this).parent().text());});