Javascript从重复元素类中选择特定元素

Question

关闭。此题需要 details or clarity 。目前不接受答案。

---

想要改进这个问题吗？通过 editing this post 添加详细信息并澄清问题.

已关闭 5 年前。

Improve this question

我有一个索引页面，其中显示已发布帖子的列表，其内容是从数据库中提取的。帖子的样式使用 class 属性。

使用 javascript/jQuery，我想修改显示每个帖子的 block 的外观。当触发操作是直接对应于特定帖子的操作(例如单击操作)时，我可以毫无困难地做到这一点(然后我可以使用“此”选择器来定位该特定帖子的类别)。但是，当操作与特定帖子无关时，我该如何去做类似的事情呢？就像调整屏幕大小一样。

if($(window).width() <= 650) {
   $('.postBtn').appendTo('.smallScreenFooter');
}

此代码会产生多个 .postBtn附加到每个 .smallScreenFooter在页面上的每个帖子中(每个帖子的按钮数量等于页面上显示的帖子数量)。

Answer 1

But how do I go about doing something similar, but when the action isn't related to a specific post?

通过使用each :

if($(window).width() <= 650) {
   $('.post'/*or whatever the container's class is*/).each(function() {
       var post = $(this);
       post.find('.smallScreenFooter').append(post.find('.postBtn'));
   });
}

<小时/>

也就是说，使用 CSS 媒体查询和每个帖子两个按钮可能会更好地处理这一特定用例，其中 CSS 根据屏幕尺寸隐藏其中一个或另一个。