Выберите ближайший вход радио

Question

У меня есть дом, как в следующем

<input type="radio" name="day_time[]" class="pickup-location-day" value="Sunday"> Sunday 
<input type="radio" name="pickup_time[]" class="pickup-location-time" value="02:00am"> 02:00am 
<input type="radio" name="pickup_time[]" class="pickup-location-time" value="02:30am"> 02:30am 
<input type="radio" name="pickup_time[]" class="pickup-location-time" value="05:30am"> 05:30am<br> 

    <input type="radio" name="day_time[]" class="pickup-location-day" value="Sunday"> Monday 
<input type="radio" name="pickup_time[]" class="pickup-location-time" value="02:00am"> 02:00am 
<input type="radio" name="pickup_time[]" class="pickup-location-time" value="02:30am"> 02:30am 
<input type="radio" name="pickup_time[]" class="pickup-location-time" value="05:30am"> 05:30am<br> 

etc .... 

я хочу связать, когда выберите .pickup-location-time с первым .pickup-location-day, например, когда пользователь выберите .pickup-location-time ближайший «.pickup-местоположение-день» должен также выбран.

обратите внимание, что я использовал следующий

$('.pickup-location-time').on('change', function() { 
    $(this).closest('.pickup-location-time').prop('checked', true); 
}) 

, но это не могло

Answer 1

Использование prev()

$(this).prev('.pickup-location-day').prop('checked', true); 

Обязательно выберите .pickup-location-day.

Answer 2

Вы правы, .closest() делает что-то совсем другое.

Если вы контролируете структуру документа, почему бы вам просто не использовать $(this).next('.pickup-location-time'), так как это всегда следующий элемент, который вы хотите выбрать?

Answer 3

Оберните радиостанции в группы, чтобы вы могли проходить в пределах определенной группы. Это упрощает изолируя экземпляры

<div class="radio-group"> 
    <input type="radio" name="day_time[]" class="pickup-location-day" value="Sunday">Sunday 
    <input type="radio" name="pickup_time[]" class="pickup-location-time" value="02:00am">02:00am 
    <input type="radio" name="pickup_time[]" class="pickup-location-time" value="02:30am">02:30am 
    <input type="radio" name="pickup_time[]" class="pickup-location-time" value="05:30am">05:30am  
</div> 
<div class="radio-group"> 
    <input type="radio" name="day_time[]" class="pickup-location-day" value="Sunday">Monday 
    <input type="radio" name="pickup_time[]" class="pickup-location-time" value="02:00am">02:00am 
    <input type="radio" name="pickup_time[]" class="pickup-location-time" value="02:30am">02:30am 
    <input type="radio" name="pickup_time[]" class="pickup-location-time" value="05:30am">05:30am  
</div> 

Тогда вы можете сделать:

$('.pickup-location-time').on('change', function() { 
    $(this).parent().find('.pickup-location-day').prop('checked', true); 
}) 

DEMO