Question

如何使用amount或javascript隐藏名为php的班级下的文字？

<span class="amount">$0.00</span>

我试过以下但没有运气

<script language="javascript">
   $(".amount:has(a:contains('$0.00'))").hide();
</script>

Answer 1

假设jQuery基于原始问题中的代码。

您的原始脚本已关闭。你真正需要的只是：

$('.amount:contains($0.00)').hide()

文档：https://api.jquery.com/contains-selector/

加成

如果您不能使用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');和.hidden { display: none; }

文档：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach（IE 9+） https://developer.mozilla.org/en-US/docs/Web/API/Element/classList（IE 10 +）

Answer 2

尝试类似：

<script>
// Assign object
var AmtObj  =   $(".amount");
// Get contents
var Amount  =   AmtObj.html();
// If equals '$0.00', hide
if(Amount == '$0.00') {
    AmtObj.hide();
}   
</script>

Answer 3

尝试使用此代码：

var item = $(".amount");
if(item.html() === "$0.00"){
    item.hide();
}

Answer 4

对于你想要的东西来说很麻烦，特别是如果你想在没有格式化的情况下提取数字。

如果您控制数据，请在属性中添加data-value并将原始数字添加为<span class="amount" data-value='0.00'>$0.00</span>，然后选择并隐藏它。

Answer 5

$(document).ready(function(){
    $(".amount:contains('$0.00')").hide();    
});

我如何隐藏类包含特定值？

5 个答案:

加成