Question

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

使用javascript / jQuery，我想修改每个帖子显示的块的外观。当触发动作是直接对应于特定帖子的动作时，我可以毫无困难地做到这一点，例如点击动作（然后我可以使用'this'选择器来定位特定帖子的类）。但是我该怎么做类似的事情，但是当这个动作与特定的帖子无关？就像调整屏幕大小一样。

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

此代码会在页面上的每个帖子中为每个.postBtn添加多个.smallScreenFooter（每个帖子的按钮数量等于页面上显示的帖子数量）

Answer 1

但是我该如何做类似的事情，但当行动与某个特定职位无关？

使用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根据屏幕大小隐藏其中一个。

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

1 个答案: