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

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

Answer 4

也许我不明白你的意思，但你不能做$（'li.post div.needs_to_be_selected'）

请注意，您在div上创建了4个类：needs，to，be和selected。

有没有办法选择$（this）。（“元素”）？

4 个答案: