如何用wordpress中的特定类替换p标签中的内容？答案

【问题标题】：How to replace content in p tag with a specific class in wordpress?如何用wordpress中的特定类替换p标签中的内容？
【发布时间】：2021-05-17 01:38:27
【问题描述】：

我想替换我的 Wordpress 网站上包含在 p 标记中的文本，如下所示：

<div class="uael-mc-dropdown_items">
<p class="woocommerce-mini-cart__empty-message">No products in the cart.</p>
</div>

我想替换“购物车中没有产品”。带有“我的包里没有课程”的文字。

有什么方法可以使用 js、CSS 或在我的主题 functions.php 中添加一些代码吗？

【问题讨论】：

如果字符串总是No products in the cart.，你可以很容易地使用str_replace。我很惊讶插件没有设置默认文本
也许一个好的线程是wordpress.org/support/topic/…
通过 CSS : stackoverflow.com/questions/7896402/… ，通过 js stackoverflow.com/questions/121817/… 和 php 在这里做你自己的搜索 ;)
...通过 js，我会选择 texContent ;)

【解决方案1】：

你可以使用 js 来做到这一点，我添加了一个超时函数，你可以看到不同之处，但是你只需要在超时函数中的这一行

setTimeout(()=>{
    document.querySelector('.woocommerce-mini-cart__empty-message').innerHTML = 'No courses in my bag';
},800)

<div class="uael-mc-dropdown_items">
<p class="woocommerce-mini-cart__empty-message">No products in the cart.</p>
</div>

【讨论】：

【解决方案2】：

您可以使用此脚本标记覆盖您提到的内部文本的内容

<body>
.
.
.
<script>
document.getElementsByClassName('woocommerce-mini-cart__empty- 
message').innerText ="No courses in my bag.";
</script>
</body>

【讨论】：

【解决方案3】：

你可以使用innerText属性

【讨论】：