Jquery Complex Selector, потомок родительского объекта для соответствующего имени класса toggle? - PullRequest
1 голос
/ 11 января 2011

Я загрузил скрипт разборной панели jquery (используемый в качестве меню), который у меня нормально работает, однако я использую его вместе с .NET и пытаюсь создать определенную панель на основе страницы, которую вы просматриваетеразверните панель, но я не могу выбрать вещь, независимо от того, какие комбинации я пробовал.Вот как выглядит HTML:

<div class="collapsibleContainer app ui-widget" title="1990">
   <div class="collapsibleContainerTitle app ui-widget-header">
      <div>▸1990</div>
   </div>
   <div class="collapsibleContainerContent app ui-widget-content" style="display: none; "> 
        Text Stuff
   </div>
</div>

Теперь в этом сценарии после запуска начального содержимого запись этой строки успешно переключит все панели:

$(".collapsibleContainerContent").slideToggle();

Однако, изКонечно, поскольку на странице несколько панелей, я не хочу, чтобы они все переключались, а только те, которые относятся к конкретной странице, которую я просматриваю.Я попробовал это так:

$(".collapsibleContainerTitle.app.ui-widget-header:contains('<%= Decade %>')").parent().slideToggle();
$(".collapsibleContainer.app.ui-widget-header[title='<%= Decade %>'] > .collapsibleContainerContent").slideToggle();

Среди множества других комбинаций.Мне никогда не приходилось использовать селекторы этого комплекса раньше (по крайней мере, для меня).Как я могу сделать?Мне нужно выбрать .collapsibleContainerContent и slideToggle (), который находится в соответствующем десятилетнем контейнере.

Я подтвердил, что переменная .net, передаваемая в сценарий, является правильной, при просмотре источника, который он говорит1990. Так что я делаю не так?Спасибо.

Редактировать: Уточнение, год является динамическим, и это то, что я должен сопоставить со своими данными, поэтому мне нужно будет начать, по крайней мере, с базового выбора Контейнера по атрибуту title или ContainerTitle по:содержит год, но мне нужно закончить выбором ContainerContent, чтобы я мог его переключать.

Ответы [ 2 ]

1 голос
/ 11 января 2011
$(".collapsibleContainerTitle.app.ui-widget-header:contains('<%= NoteDecade %>')").parent().children(".collapsibleContainerContent").slideToggle();

Сделал трюк.

1 голос
/ 11 января 2011

Вам нужно переписать вот так ...

$(".collapsibleContainerTitle .app .ui-widget-header:contains('<%= Decade %>')").parent().slideToggle();

.. пробелы важны!

...