JQuery - установить флажок внутри тд отключен?

Question

Извините, если это очевидно, но осмотрелся и не могу заставить это работать:

row.find("td.favourite:first-child").attr('disabled', 'disabled');

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

Answer 1

Есть ли у вашего флажка идентификатор? Если нет или если он неизвестен во время разработки, почему бы не предоставить вашему флажку класс CSS - а затем просто использовать селектор, чтобы выбрать класс и отключить флажок?

Например, если вы установите для флажка CSS-класс «MyCheckboxCSSClass» (который на самом деле вообще не нужно нигде определять - укажите имя, если хотите), вы можете затем отключить все флажки с этим классом вот так:

$(".MyCheckboxCSSClass").attr("disabled", true);

Я уверен, что это упростит вам весь процесс.

Answer 2

Рекомендуется использовать prop вместо attr в этих случаях.Кроме того, добавление :checkbox к вашему селектору эквивалентно [type="checkbox"]

row.find('td.favorite:first-child input:checkbox').prop('disabled', true);

Удачи, хотя это будет лучшим решением, если вы разместите свою разметку.

Answer 3

Ваш селектор возвращает первый элемент td, а не флажок, попробуйте это:

row.find('td.favourite:first-child input[type="checkbox"]').attr('disabled', 'disabled');

Хотя этот селектор кажется очень многословным. Если вы публикуете свой HTML, скорее всего, есть лучший способ пройти DOM, чтобы добраться до флажка.