Селектор jQuery на несколько команд?

Question

[ftp27]

Можно ли сделать селектор сразу на несколько последующих команд? Т.е. чтобы все последующие селекты учитывались с тем фактом, что они находятся в пределах указанного.

Например:

<div id="a"><br>
    <div class="b"></div><br>
    <div class="b"></div><br>
    <div class="b"></div><br>
</div><br>
<div class="b"></div><br>
<div class="b"></div><br>

Как сделать так чтобы заранее указать, что на данном участке кода мне нужно оперировать лишь с теми классами b, которые находятся в a?

Comments

[creage]

Кажется, вам нужно просто сесть, и прочитать документацию по работе с селекторами — как в jQuery, так и в CSS.

Answer 1

[Veseloff]

Я так понял что вам надо чтобы $ искала только внутри какого-то элемента и у вас куча кода. Если да, то предложу сделать как-то так: jsfiddle.net/YvDWp/1/

Comments

[ftp27]

Воу. Очень интересно. А как $ вернуть в прежнее состояние?

[ftp27]

var $ = function(a){return jQ(a);}

Думаю на этом проблема решена. Спасибо большое!

[Veseloff]

Оно в таком состоянии только внутри анонимной функции, понятное дело. Поэтому таким образом вы оборачиваете только те куски кода, для которых вам надо изменить поведение $. В остальном коде всё будет по-прежнему.

[ftp27]

На больших кусках кода такой фокус не работает:

Uncaught RangeError: Maximum call stack size exceeded

[Veseloff]

А простой селектор работает? Если да, то можно типа такого попробовать
var $ = function(a){return jQ('#a '+a);}

Answer 2

[Anton Bobylev]

$('#a > .b').hide();

FYI: www.w3schools.com/cssref/css_selectors.asp

Comments

[ftp27]

А сразу на несколько? У меня тут дикое кол-во кода и две вкладки, с почти одинаковым содержанием. Было бы не логично сейчас сидеть и все переименовывать…

[Anton Bobylev]

Ну запятые, плюсы и пробелы никто в селекторах не отменял. Конкретизируйте задание.

[ftp27]

Например, у меня две вкладки tab-1 и tab-2. Они имеют в себе одинаковый код. Проблема заключается в том, что они начинают между собой конфликтовать, из за того что JS скрипт одной вкладки селектит из соседней вкладки. Мне же надо их как то разделить :)
Естесно на деле все не в одном файлике. Вкладки подгружаются ajax-ом…

[Anton Bobylev]

ну так и используйте селекторы $('#tab-1 > .b') и $('#tab-2 > .b') если нужно только .b вложенные непосредственно в табы или $('#tab-1 .b') и $('#tab-2 .b') для всех .b детей табов

Answer 3

[trueClearThinker]

Может, так:

$('#a .b').each(function(){
 $(this).что-то;
});

Или, если имеется в виду проверка на родителя, то так:

$('.b').each(function() {
 if($(this).parent().is('#a'))
  $(this).что-то();  
});

Answer 4

[Антон Кармазин]

Вот тут anton.shevchuk.name/javascript/jquery-for-beginners-selectors/ все просто и доступно описано.

Comments

[ftp27]

Да. Я уже ознакомлен с этой статьей. Если память не изменяет, то она есть и на хабре. Но тут проблема слегка другая.
Используя пример из вопроса, мне нужно это:

$('.a').find('.b').что-то;
$('.a').find('.b').что-то;
$('.a').find('.b').что-то;

в

$('.a'). волшебство {
 $('.b').что-то;
 $('.b').что-то;
 $('.b').что-то;
}