Есть ли способ выбрать $ (это). ("элемент")?

Question

У меня есть родительский класс post, и у него есть определенные стили в зависимости от типа записи.пример:

CSS

/*CSS*/
li.post.quote {/*STYLE*/}
li.post.photo {/*STYLE*/}

HTML

<!--HTML-->
<li class="post quote">
    <div class="someClass"> <!-- needs to be selected, but not by its class -->
</li>
<li class="post photo">
    <div class="someOtherClass"> <!-- needs to be selected, but not by its class -->
</li>

как выбрать «нужно выбрать» для каждого типа поста без создания отдельных функций для каждого типасообщения в jQuery?

ОБНОВЛЕНИЕ: это будет анимация при наведении курсора, поэтому мне нужно, чтобы она выбрала только "должен быть выбран" из сообщения, которое находится над.

Answer 1

Не уверен, если это то, что вы спрашиваете:

Чтобы получить div для всех типов сообщений:

$('.post > div');

Чтобы получить div для определенного типа сообщений:

$('.post.quote > div');

---

Правильно, вы имеете в виду при наведении:

$('.post').hover(function () {
    $(this).children('div').toggleClass('hovered');
});

Или hover может принимать две функции, одна для входа, другая для выхода:

$('.post').hover(function () {
    $(this).children('div').fadeIn();
}, function () {
    $(this).children('div').fadeOut();
});

Answer 2

Разве это не так просто, как это: -

$(".post div.'needs to be selected'").<whatever>

или даже

$(".post > div.'needs to be selected'").<whatever>

Надеюсь, это поможет.

Answer 3

может быть, я не понимаю, что вы имеете в виду, но вы не можете сделать $ ('li.post div.needs_to_be_selected')

Обратите внимание, что вы создаете 4 класса для вашего div: needs, для, быть и выбран.

Answer 4

$(".post").find(".needs to be selected").select()?