jquery - if 语句可见是未定义的

Question

我正在尝试获取具有显示块属性的 id slide-1，然后将一个类添加到活动的 id pagecount-1。我正在尝试为每张幻灯片获取显示为活动的指示器。这就是我所拥有的：

<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 i = 1; i <= 4; i++) {
    if ($('#slide-' + i).is(':visible')) {
        $('#page_count-' + i).addClass('active');
    }
}

控制台日志一直显示未定义。如果我运行.attr('display', 'block') 它会使所有活动。

Answer 1

display是 CSS 属性，而不是属性。尝试：

.css('display', 'block');

.attr()将在元素上设置一个属性，例如：

<div id="some-div"></div>

会变成：

<div id="some-div" data-foobar="barfoo"></div>

如果你.attr()像这样运行它：

$("#some-div").attr("data-foobar", "barfoo");