我已经试了几个小时,试图让它工作,没有任何成功.我有一个网站,列出了最近的文章.我需要插入文本到该网站的任何空白分区.下面是html

<div class="pt-cv-taxoterm below_title"></div>

我已经很多年没有使用JavaScript了,所以我真的很生疏了.我在这里搜索并找到了几个解决方案,但出于某种原因,没有一个适合我的.

以下是我try 过的几个方法:

if (document.getElementsByClassName('div.pt-cv-taxoterm.below_title').is(':empty')) {
    document.getElementsByClassName('div.pt-cv-taxoterm.below_title').innerHTML = '<a href="https://revtommy.com/sermons/" title="Sermons" class="pt-cv-tax-blog">Sermons</a>';
}
if ($('.pt-cv-taxoterm below_title').is(':empty')){
    document.getElementsByClassName('pt-cv-taxoterm below_title').innerHTML = '<a href="https://revtommy.com/sermons/" title="Sermons" class="pt-cv-tax-blog">Sermons</a>';
}

这是一个WordPress的网站,我正在使用一个插件来生成这个特定的块.它有一个地方添加自定义CSS或Javascript的插件.任何帮助将不胜感激.

我try 了很多我在这个网站上找到的东西.

推荐答案

你可以将jQuery Select 器更新为$('.pt-cv-taxoterm.below_title:empty'),请注意,在selector和append :empty中提到的两个类之间没有空格,所以它只返回空div.

由于这个 Select 器将返回一个数组,所以你需要使用each函数来循环array.在函数中,你可以使用$(element).html()函数来更新给定div中的html内容.

试着像下面.

$('.pt-cv-taxoterm.below_title:empty').each(function(index, element) {
  $(element).html('<a href="https://revtommy.com/sermons/" title="Sermons" class="pt-cv-tax-blog">Sermons</a>');
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<div class="pt-cv-taxoterm below_title">not empty div</div>
<div class="pt-cv-taxoterm below_title"></div>

References


或者,如果你想使用普通的javascript,而不是使用jquery,那么try 如下.

使用let elements = document.getElementsByClassName('pt-cv-taxoterm below_title');获取给定类的元素列表.注意,selector里面没有divclass个名字之间也有空格,所以不会被.附加.

我们需要将elements转换成Array.from(elements)的数组,然后使用forEach循环.在它内部,我们需要判断它是否为空或不使用hasChildNodes(),如果它为空,则更新innerHTML.

// Retrieve elements with given classes.
let elements = document.getElementsByClassName('pt-cv-taxoterm below_title');

// Convert elements to array and loop over it.
Array.from(elements).forEach((el) => {
  // Check if given element is empty or not using hasChildNodes() function
  if (!el.hasChildNodes()) {
    // Set innerHTML
    el.innerHTML = '<a href="https://revtommy.com/sermons/" title="Sermons" class="pt-cv-tax-blog">Sermons</a>';
  }
});
<div class="pt-cv-taxoterm below_title">not empty div</div>
<div class="pt-cv-taxoterm below_title"></div>

References

Javascript相关问答推荐

如何访问react路由v6加载器函数中的查询参数/搜索参数

我的glb文件没有加载到我的three.js文件中

ReactJS中的material UI自动完成类别

使用axios.获取实时服务器时的404响应

MongoDB中的引用

Phaser 3 console. log()特定游戏角色的瓷砖属性

MathJax可以导入本地HTML文档使用的JS文件吗?

使用JQuery单击元素从新弹出窗口获取值

使用GraphQL查询Uniswap的ETH价格

从包含数百行的表中获取更改后的值(以表单形式发送到后端)的正确方法是什么?

在Matter.js中添加从点A到另一个约束的约束

使用js构造一个html<;ath&>元素并不能使其正确呈现

第三方包不需要NODE_MODULES文件夹就可以工作吗?

try 使用PM2在AWS ubuntu服务器上运行 node 进程时出错

在SuperBase JS客户端中寻址JSON数据

我为什么要使用回调而不是等待?

在没有任何悬停或其他触发的情况下连续交换图像

为什么我的Navbar.css没有显示在本地主机页面上?

TabNavigator和StackNavigator之间的Reaction Native中的导航问题

在HTML中使用meta标记来指定定制元数据以用于使用JavaScript进行检索是不是一个坏主意?