页面上始终存在一些 html。
<div class="info">
<div class="bar"></div>
<div class="rehints">10 REHINTS</div>
<div class="hinter">
<div class="picture monophoto">
<div class="text">BO</div>
<div class="img" style="background-image: url();" onclick=""></div>
</div>
<div class="content">
<div class="one">Hinted by:</div>
<div class="two"><a href=""></a></div>
</div>
</div>
<div class="partnertext">Partnered Hint</div>
<div style="clear:both;"></div>
</div>
</div>
我添加了以下 jquery 以在没有“命中”的情况下隐藏它
var selectedProductsInfo = viewHint.querySelector('.rehints').textContent;
var selectedProductsHints = a.clones + ((a.clones == 1)? " REHINT" : " REHINTS");
if(pathsArray[1] == 'user' && selectedProductsHints == '0 REHINTS') {
$('.info').css('display', 'none');
} else {
$('.info').css('display', 'inline');
selectedProductsInfo = selectedProductsHints;
}
调试显示在有提示的情况下应该在此处分配它:
<div class="rehints">10 REHINTS</div>
在我运行下面的代码的情况下。调试器看起来好像发现它确实有提示,并为 div 分配了 2 个提示:
但结果仍然显示 10 REHINTS:
我做错了什么?
最佳答案
如果更改此行:
selectedProductsInfo = selectedProductsHints;
至:
viewHint.querySelector('.rehints').textContent = selectedProductsHints;
它应该能实现你想要的。
关于javascript - 使用 jQuery 更新 div 未显示在 DOM 上,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33925395/