jquery - if statement is visible is undefined -
i'm trying id slide-1 has attr of displays block add class id pagecount-1 of active. i'm trying each slide indicator shown active. have:
<div id="slider"> <div class="sp active" id="slide-1" style="display: block"></div> <div class="sp" id="slide-2" style="display: none"></div> <div class="sp" id="slide-3" style="display: none"></div> <div class="sp" id="slide-4" style="display: none"></div> </div> <div id="page"> <div id="page_count-1" class="indicate"></div> <div id="page_count-2" class="indicate"></div> <div id="page_count-3" class="indicate"></div> <div id="page_count-4" class="indicate"></div> </div>
jquery:
for (var = 1; <= 4; i++) { if ($('#slide-' + i).is(':visible')) { $('#page_count-' + i).addclass('active'); } }
console log keeps displaying undefined. if run .attr('display', 'block')
makes active.
display
css property, not attribute. try:
.css('display', 'block');
.attr()
set attribute on element, instance:
<div id="some-div"></div>
would turn into:
<div id="some-div" data-foobar="barfoo"></div>
if run .attr()
on this:
$("#some-div").attr("data-foobar", "barfoo");
Comments
Post a Comment