JQuery: событие события триггера

Question

Как я могу вызвать щелчок по переключателю, если я нажму на элемент click? Элемент click всегда приходит после переключателя, и это должно работать с несколькими переключателями. Любая идея, как это можно сделать?

<div class="option"> 
<input type="radio" class="option--input" id="radio1" name="radio"> 
<div class="click"></div> 
</div> 

<div class="option"> 
<input type="radio" class="option--input" id="radio2" name="radio"> 
<div class="click"></div> 
</div> 

Вот моя попытка:

$(document).on('click', '.click', function(event) { 
    $(this).closest(".option--input").prev().click(); 
}); 

Answer 1

Там нет необходимости для JQuery вообще, как уже есть HTML элемент именно для этой цели: <label />

.click { 
 
    width: 50px; 
 
    height: 50px; 
 
    background-color: red; 
 
}

<div class="option"> 
 
    <input type="radio" class="option--input" id="radio1" name="radio1"> 
 
    <label for="radio1"> 
 
    <div class="click"></div> 
 
    </label> 
 
</div> 
 

 
<div class="option"> 
 
    <input type="radio" class="option--input" id="radio2" name="radio1"> 
 
    <label for="radio2"> 
 
    <div class="click"></div> 
 
    </label> 
 
</div>