显示元素后执行 Function

Question

I'm working on a website where a div tag reveals itself after enough products are selected. What I'm trying to do is add an ID to this div tag after it's revealed using javascript.

This is the tag that's revealed:

<div class="discount-summary"></div>

This is the javascript I've created:

$(".discount-summary").load($(this),function(){
   addDiscount();
});

function addDiscount() {
            $('.discount-summary').attr('id','discountbox');
}

Unfortunately, this does not appear to be working.

Answer 1

Updated

Try:

<div class="discount-summary">Just a test</div>

$( document ).ready(function() {
    setInterval(addDiscount, 1000)
});

function addDiscount() {
    $('.discount-summary').attr('id','discountbox');
}

CodePen