Question

我正在使用一个博客模板 - squarespace 6，它不允许我访问.html /并且只能访问.css

每次创建博客文章时，我都会添加标签和类别 - 但这些标签/类别位于博客文章的底部。我正试图将它们移到侧栏。

问题是我每页有多篇博客文章，我正在尝试使用jquery选择.tags和.category类，然后将它们移到.sidebar之前{ {1}}代码如下：

.date

（此代码仅为.categories的示例）

问题是此代码从每篇博文中抓取标签/类别并将其应用于每个侧边栏，因此类别和标签会混淆。

我正在尝试获取代码以选择父文章的$(document).ready(function(){ var $categories = $('div.categories').parent('article'); var $spanDate =('span.date').parent('article'); $categories.insertBefore($spanDate); });和.tags，然后将其移至同一父.category的。sidebar

我不能使用任何特定的ID，因为我希望这适用于每篇博文 - 但标签/类别需要保留在该帖子中。

有很多注入的代码，但HTML的基本结构如下：

article

Answer 1

如果我理解你的话，应该这样做：

$('div.categories').each(function(){
    var $this = $(this);
    var $date = $this.closest("article").find(".date");

    $this.insertBefore($date);
});

关键是，对于每个.categories，我找到相关的.date而不是所有.date。此外，您的代码不应该使用提供的html做任何事情。您的.categories或.date的父母都不是article的直接父母。

使用jquery在DOM中移动动态加载的内容

1 个答案: