Настройка радиобоксов для проверки с помощью jQuery

Question

У меня есть страница с некоторыми переключателями, которые я хочу проверить при загрузке страницы. Это jQuery, который я использую:

$('.optionHolder').find('input').first().attr('checked', 'true');

Я хочу проверить первые элементы ввода каждого .optionHolder на странице. На данный момент их два, но код выше проверяет только один. Посмотрите на изображение:

Как видите, проверяется только первый набор.

Любая помощь будет оценена, спасибо.

Answer 1

Try

$('.optionHolder input:first-child').attr('checked', true);

first() выберет первый элемент в коллекции, тогда как :first-child выберет каждый элемент, только если он является первым дочерним элементом его родителя.:first работает, выбирая первый элемент ввода, который является дочерним для .optionHolder:

$('.optionHolder input:first')