Я хотел бы скрыть все class = "csc-content", где предыдущий брат - это h4 class = "faq".

ОБНОВЛЕНИЕ Ошибка: я думаю, что это неправильно ... предыдущий брат не h4. Но я надеюсь, что вы уловили, что все «ответы» должны быть скрыты, если «вопрос» имеет класс «faq» / UPDATE.

Это HTML:

<div id="centerCol-1">
  <div id="c65" class="csc-default normal">
    <div class="csc-header csc-header-n1"><h4 class="faq">FAQ question1</h4></div>
    <div class="csc-content active"><p class="bodytext">Answer1</p></div>
  </div>
  <div id="c67" class="csc-default normal">
    <div class="csc-header csc-header-n2"><h4 class="faq">FAQ question2</h4></div>
    <div class="csc-content active"><p class="bodytext">Answer2</p></div>
  </div>
  <div id="c68" class="csc-default normal">
    <div class="csc-header csc-header-n3"><h4>not FAQ</h4></div>
    <div class="csc-content active"><p class="bodytext">Not an answer, just normal content</p></div>
  </div>
</div>

JQuery должен выглядеть примерно так:

// find all outer divs with class csc-default in the div centerCol-1
// test if they contain a header div with an h4 class faq
// go to next element and hide it. Error... this should be parents next element?
$("#centerCol-1 .csc-default").find("h4").is(".faq").next(".csc-content").hide();

BR . Андерс

jquery parent next siblings
2
Tillebeck 8 Мар 2010 в 15:27

3 ответа

Лучший ответ

Вам необходимо использовать смежный селектор вместе с : имеет селектор , например:

$('#centerCol-1 .csc-default .csc-header:has(.faq)+.csc-content').hide();

Демо

6
SLaks 8 Мар 2010 в 15:35
Ух ты! какой невероятно быстрый ответ! Отличный ответ, но я задал не тот вопрос и отредактировал его, пока вы отвечали.
 – 
Tillebeck
8 Мар 2010 в 15:33

Подождите, вы хотите скрыть только div ответа для каждого вопроса FAQ? Итак, если h4 имеет класс .faq, div сразу после родительского div будет скрыт:

$("#centerCol-1 h4.faq").parent().next("div").hide();
3
karim79 8 Мар 2010 в 15:47

Попробуй это:

$("#centerCol-1 .csc-content").filter(function() {
  return $(this).prev().find(".faq").length > 0;
}).hide();
0
Nick Craver 8 Мар 2010 в 15:31

Похожие вопросы

28 Как проверить, скрыт ли элемент в jQuery?
21 Как выбрать конкретную опцию в элементе SELECT в jQuery?
14 Как я могу выбрать элемент с несколькими классами в jQuery?
13 Как я могу выбрать элемент по имени с помощью jQuery?
17 Получить список классов для элемента с jQuery
11 Выбор элемента по атрибуту данных с помощью jQuery
19 Как я могу получить идентификатор элемента с помощью jQuery?
30 jQuery выделите элемент
💵 Получи $100 на хостинг на 60 дней.
Регистрируйся!

Новые вопросы

2 Как переопределить новую вкладку при нажатии строки сетки с помощью javascript
2 Изменение цвета определенного слова в абзаце с помощью js
2 как изменить стиль шрифта при нажатии на иконку
2 Как включить и отключить тумблер на основе события щелчка
2 Удалить javascript поля формы
2 Я хочу изменить форму объекта, движущегося с номером, например, прямоугольник, треугольник, квадрат. КАК ЭТО СДЕЛАТЬ?
2 Перетаскивание элементов с помощью jQueryUI и с эффектом параллакса
5 Не отображать какой-либо контент и блокировать один элемент
2 Как я могу проверить, отмечены ли 2 флажка контактной формы 7 или нет, с использованием Jquery?
3 Как получить значение атрибута «заголовок» изображения в другой элемент с помощью jQuery
Все вопросы по теме jquery >

jquery

jQuery - это библиотека JavaScript, рассмотрите возможность добавления тега JavaScript. jQuery - это популярная кросс-браузерная библиотека JavaScript, которая облегчает прохождение Document Object Model (DOM), обработку событий, анимацию и взаимодействие AJAX, сводя к минимуму расхождения между браузерами. Вопрос с тегом jQuery должен быть связан с jQuery, поэтому jQuery должен использоваться в рассматриваемом коде, и в вопросе должны быть как минимум элементы, связанные с использованием jQuery.

Подробнее про jquery...