Updating div with jQuery not showing on DOM

Question

Some html that is always on the page.

            <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>

I have added the following jquery to hide it in the case there is are no 'hit

        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;
        }

Debugging is showing in the case there are hints it should assign it here:

<div class="rehints">10 REHINTS</div>

In the case where I run the code below. the debugger looks like it's finding out that it does have hints an assigning 2 HINTS to the div:

But the result still shows 10 REHINTS:

What am I doing wrong?

use .show() / .hide() instead of .css('display')

Nikos M.
– Nikos M.

2015-11-25 20:10:12 +00:00
Commented Nov 25, 2015 at 20:10 — Nikos M.
– Nikos M., Commented Nov 25, 2015 at 20:10

Jordan Soltman · Accepted Answer · 2015-11-25 20:09:57Z

1

If you change this line:

selectedProductsInfo = selectedProductsHints;

to:

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

It should achieve what you are going for.

answered Nov 25, 2015 at 20:09

Jordan Soltman

3,95322 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

David Tunnell · Accepted Answer · 2015-11-25 20:49:45Z

0

This got it working:

        var selectedProductsHints = a.clones + ((a.clones == 1)? " REHINT" : " REHINTS");
        if(pathsArray[1] == 'user' && selectedProductsHints == '0 REHINTS') {
            $('.info').hide();
        } else {
            $('.info').show();
            $("div.rehints").text(selectedProductsHints);
        }

answered Nov 25, 2015 at 20:49

David Tunnell

7,55222 gold badges75 silver badges129 bronze badges

Collectives™ on Stack Overflow

Updating div with jQuery not showing on DOM

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related