Неактивность кнопки, которая находится в определенном блоке

@Eur93 · Регистрация: 16.09.2013

Студворк — интернет-сервис помощи студентам

Привет, форумчане! Давно не писал, но появилась инетересная вещичка.

Возникла ситуация, когда требуется помощь: Сделать кнопку неактивной в блоке .mama, если в блоке .papa стоит какая-то определенная цифра, ну например 5. Просто есть много таких общих блоков, но везде разные цифры, и необходимо сделать неактивной кнопку именно под цифрой 5.
Вот более наглядней:

HTML5
1
2
3
4
5
6
<div class="sestra">
     <div class="papa">5</div>
     <div class="mama">
          <button class="brat">Кнопка</button>
     </div>
</div>

Ну чтобы сделать кнопку неактивной есть:

JavaScript
1
$(".brat").attr('disabled',true);

Где-то видел про функцию has(), но особо тогда не врубился.

И да, такой пример не катит:

JavaScript
1
if ($(".papa").html() == 5) {$(".brat").attr('disabled',true);}

Потому что таким образом заблокируются все кнопки с таким классом (с айди тоже не катит) они везде одинаковы. Мне нужна помощь в составлении именно таким образом: "Если в этом общем блоке .sestra есть блок .papa, который имеет значение = 5, то именно в этом общем блоке .sestra необходимо найти кнопку с классом brat и присвоить ему атрибут disabled"

@Rashiran · 31.01.2014, 01:47

Eur93, вот так подойдёт:

JavaScript
1
$("div.papa:contains('5')").parent().children(".mama").children().attr('disabled',true);

?

@Eur93 · 31.01.2014, 02:47 **[ТС]**

Rashiran,

А если немного усложнить ситуацию ближе к реальности, когда нужно отключить N-ное количество кнопок, но нахожящиеся в такой пропорции, и эти кнопки еще и в таблице сидят, то тут как поступать?

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<div class="sestra">
     <div class="papa">5</div>
          <table="baba">
               <tr>
                    <th>
                         <div class="mama">
                                <button class="brat">Кнопка</button>
                         </div>
                     <th>
               <tr>
               <tr>
                    <th>
                         <div class="mama">
                                <button class="brat">Кнопка</button>
                         </div>
                   </th>
               </tr>
     </table>
</div>

Добавлено через 10 минут
И нельзя ли таким образом решить мой последний вариант задачи?

JavaScript
1
$("div.sestra:has(div:has(table:has(tr:has(th:has(div:has(button.brat))))))").attr('disabled',true);

@Заглянувший · 31.01.2014, 10:50

Не понятно, о какой пропорции вы говорите.
Если надо найти все div.papa, содержащие цифру 5, и у их родителя найти всех потомков с классом brat, то тогда так:

JavaScript
1
$("div.papa:contains('5')").parent().find('.brat').attr('disabled',true);

@Eur93 · 31.01.2014, 11:23 **[ТС]**

Заглянувший, Да, раотает само по себе, но есть одно но, тут так получается, что помимо присваивания атрибута disabled, нужно у этих потомков с классом .brat изменить их класс на .brat2.
Как это можно сделать?

@Заглянувший · 31.01.2014, 11:32

JavaScript
1
2
3
4
5
6
$("div.papa:contains('5')")
    .parent()
    .find('.brat')
    .attr('disabled',true)
    .removeClass('brat')
    .addClass('brat2');

@Eur93 · 31.01.2014, 12:26 **[ТС]**

Заглянувший, И самая последняя проблемка, если вместо buuton стоит div с вложенной ссылкой, и нужно присвоить атрибут disabled этой ссылке.

Вместо:

HTML5
1
<button class="brat">Кнопка</button>

Стоит

HTML5
1
<div class=brat"><a class="ded">Ссылка</a></div>

Пробовал и два раза подряд find() и children() и ничего не выходит путного

Добавлено через 28 минут
Все сам решил. Всем спасибо

@Заглянувший · 31.01.2014, 12:27

Атрибут disabled есть, кажется, только у элементов форм.
Можно ссылке добавить класс disabled и методами jQuery заблокировать переходы по ней:

JavaScript
1
2
3
4
5
6
7
$("div.papa:contains('5')")
    .parent()
    .find('.ded')
    .addClass('disabled')
    .click(function() {
        return false;
    });

@Eur93 · 31.01.2014, 12:36 **[ТС]**

Заглянувший, к ссылке атрибут disabled тоже можно присвоить

Последний вопрос:

Как мне вместо цифры запихать переменную?

Пробовал так, но почему-то не работает. А если вручную цифру написать, то работает. Но мне только через переменную нужно...

Вот как пробовал и не работает:

JavaScript
1
2
3
var dead = 5;
 
$("div.papa:contains(dead)")

@Rashiran · 31.01.2014, 12:59

JavaScript
1
$("div.papa:contains("+dead+")")

Новые блоги и статьи Все статьи Все блоги /
Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .

@Eur93 47 / 47 / 24 Регистрация: 16.09.2013 Сообщений: 349
	31.01.2014, 11:23 [ТС]
	Заглянувший, Да, раотает само по себе, но есть одно но, тут так получается, что помимо присваивания атрибута disabled, нужно у этих потомков с классом .brat изменить их класс на .brat2. Как это можно сделать? 0