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

如果这很简单，我会提前道歉，但我对Jquery不太了解

我有一个网站，自动为会员提供通过/失败功能

在用户配置文件上，我希望它显示一个图像。我希望数据库仍然记录传递的单词，并且只在页面上替换它，这样数据库就不会被更改

文本看起来像这样

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

地位通过

因为类“memberfieldtype”和“memberfieldvalue”在页面上被多次使用，所以我无法更改此类的所有实例。这就是为什么我不能作为css来做这件事

我只想在DIV中隐藏“传递的”文本，并显示一个图像

我尝试过各种方法，但都无法成功

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

var str=“已通过”；
文件。写入（str.replace（“通过”和“））；
}

不管怎样，我认为上述内容将取代而不是隐藏

---

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

此示例将文本包装在一个span中并隐藏它

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

$（'.member字段值'）.filter（函数（）{
return$（this.text（）=='Passed'；
}).contents（）.wrap（“”）
.end（）.append（“”）；

如果您只需在div中添加一个id属性，您的代码将更容易、更高效：

<div id="myDiv" class="member-field-value">Passed</div>

如果您只需添加

id

即可：

// Replace the text
$('#myDiv').html('<div id="passedText">Passed</div><img alt="Passed" src="/passed.png"/>');

// Hide the text
$('#myDiv #passedText').hide();

//替换文本
$（'#myDiv'）.html（'Passed'）；
//隐藏文本
$（“#myDiv#passedText”）.hide（）；

不幸的是，我无法分配ID，因为它是wordpress CMS。如果可以的话，我会简单地通过CSS来实现。恐怕无法使上述功能正常工作。好的，没问题。我的答案中的第一个代码示例应该适用于您：）这感觉应该适用，但文本没有更改为图像。@user2903829它适用于我。图像根本就没有出现吗？没有，只是文字，但可能是我。我以前从未使用过脚本。我需要调用jquery文件之前和之后是什么？这是我的小提琴：@user2903829你错过了结束语

）并且你拼错了
ID
（它有大写字母）对不起，是的-这很有效。只是可以让它在实际的网站上工作的一些原因，但会发现这一点。非常感谢。
// Replace the text
$('#myDiv').html('<div id="passedText">Passed</div><img alt="Passed" src="/passed.png"/>');

// Hide the text
$('#myDiv #passedText').hide();