Как установить ближайший флажок с помощью jQuery

Question

У меня есть цикл foreach.В цикле foreach у меня есть следующий код.

<div class="col-md-2">
    <img alt="" class=" center-block developerlocationselection check" style="width:35%; margin-top:10%;" src="../../css/collecting/route-select.png">

    <input id="checkBox" type="checkbox" class="developernames" name="developernames">

</div> 

У меня есть изображение и флажок.

То, что я хочу сделать, это когда я нажимаю на изображение, флажок ближайший к изображению становится.

Это мой Javascript

<script>
$(document).ready(function () {
    //$(".developerlocationselection").on('click', function () {
    $(".developerlocationselection").click( function () {
        alert(2);
        $(this).closest().find('input[type=checkbox]').prop('checked', true);
    });
});
</script>

Как я могу установить ближайший флажок при нажатии на изображение.

Answer 1

В приведенных ниже утверждениях установлен соответствующий флажок.

Попробуйте:

$(this).parent().find('input[type="checkbox"]').prop('checked', true);

или

$(this).next('input[type=checkbox]').prop('checked', true);

Answer 2

.closest Перемещается вверх по дереву DOM, пока не находит соответствие для поставляемого селектора .Вам нужно использовать next() или find(), например:

$(this).parent().find('input[type=checkbox]').prop('checked', true);

или

$(this).next('input[type=checkbox]').prop('checked', true);

или даже

$(this).next().prop('checked', true);