javascript - 使用 jQuery 更新 div 未显示在 DOM 上

Question

页面上始终存在一些 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:

我做错了什么？

Answer 1

如果更改此行:

selectedProductsInfo = selectedProductsHints;

至:

viewHint.querySelector('.rehints').textContent = selectedProductsHints;

它应该能实现你想要的。