有没有办法选择$(this).(“element”)?

发布于 2024-10-14 16:30:40 字数 597 浏览 1 评论 0原文

我有一个名为 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 中为每种类型的帖子创建单独的函数?

更新: 它将是一个悬停动画,所以我需要它只选择悬停在帖子上的“需要选择”的内容。

i have a parent class called post and it has certain styles depending on the type of post. example:

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>

how would i select "needs to be selected" for each type of post without creating seperate functions for each type of post in jQuery?

UPDATE:
its going to be a hover animation, so i need it to only select only the "needs to be selected" of the post that is being hovered over.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

想你的星星会说话 2024-10-21 16:30:43

也许我不明白你的意思,但你不能这样做 $('li.post div.needs_to_be_selected')

请注意,你正在你的 div 上创建 4 个类:needs、to、be 和 selected。

maybe I don't understand what you mean, but can't you do $('li.post div.needs_to_be_selected')

Note that you're creating 4 classes on your div there: needs, to, be, and selected.

不知在何时 2024-10-21 16:30:42

不确定这是否是您要问的:

要获取所有类型帖子的 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();
});

Not sure if this is what you're asking:

To get the div for all types of post:

$('.post > div');

To get the div for a particular type of post:

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

Right, you mean on hover:

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

Or, hover can take two functions, one for enter, the other for leave:

$('.post').hover(function () {
    $(this).children('div').fadeIn();
}, function () {
    $(this).children('div').fadeOut();
});
柒夜笙歌凉 2024-10-21 16:30:42

是不是就这么简单:-

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

或者

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

希望这会有所帮助。

Isn't it just as simple as this:-

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

or even

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

Hope this helps.

谁的新欢旧爱 2024-10-21 16:30:42

$(".post").find(".需要选择").select() ?

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文