Javascript 仅为可见元素插入计数

我有五个

div

，其中一些带有

display:block

，另一些带有

display:none

，并且它是动态变化的。 我正在尝试添加标题，仅针对可见元素进行计数。 例如，如果我有两个可见元素，第一个元素应该是“seance 1”，第二个元素应该是“seance 2”，但实际上这两个元素都是“seance 2”。这是我的代码：

$（'#保存'）。单击（函数（）{
var countVisible=$（'.面板标题：visible'）。长度；
$（'.panel title'）。筛选器（':visible'）。每个（函数（）{
for（i=0；i不要添加for循环。每个jquery都足够了

$('#save').click(function() {
    $('.panel-title').filter(':visible').each( function (i) {
      $(this).text('seance'+(i+1));
    });
  });

Fiddle--
不要添加for循环。jquery每个都足够了

$('#save').click(function() {
    $('.panel-title').filter(':visible').each( function (i) {
      $(this).text('seance'+(i+1));
    });
  });

小提琴--
如果我正确理解了你的问题，应该是这样的

$('#save').click(function() {
  $('.panel-title:visible').each(function(index) {
      $(this).text('seance'+(index+1));
  });
});

如果我正确理解你的问题，应该是这样的

$('#save').click(function() {
  $('.panel-title:visible').each(function(index) {
      $(this).text('seance'+(index+1));
  });
});

您有两个循环，首先是
each（）
，然后是
for（）
。这是因为它失败了。您有两个循环，首先是
each（）
，然后是
for（）
。这是因为它失败了。