给第一篇文章添加一个样式

代码效果

在网页加载完成后，找到所有类名为 b2_gap 的容器，并在每个容器中找到第一篇文章，在第一篇文章的内容前面添加一个自定义内容（图标📌）

代码放置位置

• 可放在footer下，但需要在代码前后添加script标签，此代码全局运行
• 可放在child内，无需再代码前后添加script标签，此代码全局运行
• 可放在子主题（或父主题）的index.php内，需要在代码前后添加script标签，此代码只在首页运行

视频介绍

代码查看

document.addEventListener('DOMContentLoaded', function() {
// 获取所有 class 为 b2_gap 的容器
var gapContainers = document.querySelectorAll('.b2_gap');

// 遍历每个 b2_gap 容器
gapContainers.forEach(function(gapContainer) {
// 获取该容器下的所有 .post-module-thumb 元素
var headings = gapContainer.querySelectorAll('.post-module-thumb');

// 只处理第一个 .post-module-thumb 元素
if (headings.length > 0) {
var firstHeading = headings[0];
// 在元素内容前添加符号或文字
firstHeading.innerHTML = '
<div>📌</div>
' + firstHeading.innerHTML;
}
});
});