javascript - 在 wordpress 中使用 Jquery 隐藏带有图像的文本

Question

如果这很简单，我提前道歉，但我对 Jquery 的了解不多。

我有一个网站可以为成员(member)自动执行通过/失败功能。

在用户个人资料中，他们被传递的地方，我希望它显示图像。我希望数据库仍然记录 PASSED 这个词，并且只在页面上替换它，这样数据库就不会被更改。

文本看起来像这样

  <div class="member-field-type"><i class="member-icon-ok"></i>
  <span>Status</span></div> <div class="member-field-value">Passed</div>

因为类“member-field-type”和“member-field-value”在页面上被多次使用，我无法更改它的所有实例。这就是为什么我不能用 css 来做。

我想只在 DIV 中隐藏“通过”文本并显示图像。

我已经尝试过各种类似的方法，但无法使其正常工作。

 var str="<div class="member-field-value">Passed</div>";
 document.write(str.replace("Passed", "<img alt="Passed" src="/passed.png"/>"));
 }

无论如何，我认为上面的内容会替换而不是隐藏。

谁能帮忙。在互联网上搜索了 2 天并尝试了各种代码建议后，我不知所措。

Answer 1

此示例将文本换行并隐藏

$('.member-field-value').filter(function(){
    return $(this).text() === 'Passed'; 
}).contents().wrap('<span style="display:none"></span>')
       .end().append('<img src="pass.jpg"/>');