Javascript 如何隐藏包含特定值的类?
如何使用Javascript 如何隐藏包含特定值的类?,javascript,php,jquery,wordpress,Javascript,Php,Jquery,Wordpress,如何使用javascript或php隐藏名为amount的类下的文本 <span class="amount">$0.00</span> 0.00美元 我尝试了以下方法,但没有成功 <script language="javascript"> $(".amount:has(a:contains('$0.00'))").hide(); </script> $(“.amount:has(a:contains(“$0.00”))”).hid
javascript
或php
隐藏名为amount
的类下的文本
<span class="amount">$0.00</span>
0.00美元
我尝试了以下方法,但没有成功
<script language="javascript">
$(".amount:has(a:contains('$0.00'))").hide();
</script>
$(“.amount:has(a:contains(“$0.00”))”).hide();
尝试以下方法:
<script>
// Assign object
var AmtObj = $(".amount");
// Get contents
var Amount = AmtObj.html();
// If equals '$0.00', hide
if(Amount == '$0.00') {
AmtObj.hide();
}
</script>
//分配对象
var AmtObj=$(“.amount”);
//获取内容
var Amount=AmtObj.html();
//如果等于“$0.00”,则隐藏
如果(金额=“$0.00”){
AmtObj.hide();
}
尝试使用以下代码:
var item = $(".amount");
if(item.html() === "$0.00"){
item.hide();
}
这对于你想要的东西来说是一个很大的麻烦,尤其是如果你想在没有格式的情况下提取数字
如果您控制数据,请在属性中添加一个
数据值
,并输入原始数字,如$0.00
,然后选择它并隐藏它。假设jQuery基于原始问题中的代码
你原来的剧本很接近。您真正需要的是:
$('.amount:contains($0.00)').hide()
文件:
奖金
如果您不能使用jQuery,下面介绍如何使用老式方法
Array.prototype.forEach.call(document.getElementsByClassName('amount'), function (e) {
if (e.innerText == '$0.00') {
e.style.display = 'none';
}
})
设置样式是因为JavaScript不太干净,所以最好设置一个类,使用相应的CSS隐藏与该类匹配的元素。例如e.classList.add('hidden')代码>和隐藏{显示:无;}
文件:(IE 9+)
(即10+)是否仅当其内容为$0.00
时才隐藏它?@lliev更正我认为您缺少的是一个引号。@Rick Viscomi谢谢这里是我的链接没有一个解决方案对我不起作用可能是我错过了一些东西我正在为这部分使用插件$未定义。但是您可以访问jQuery对象,因此可以使用jQuery('.amount:contains($0.00)')。hide()代码>
$(document).ready(function(){
$(".amount:contains('$0.00')").hide();
});