jquery - 从函数返回一个值

Question

假设我有以下函数：

function checkPanes() {
    activePane = '';
    var panels = $("#slider .box .panel");

    panels.each(function() {

    //find the one in visible state.
    if ($(this).is(":visible")) {
    activePane = $(this).index()+1;
    console.log(activePane);
    }

    });
} //END checkPanes();

理想情况下，我想在其他地方调用此函数（很可能是从另一个函数）， 并检索我当前输出到控制台的值。

（例如..）

function exampleCase() {
    checkPanes(); //evidently, does not return anything. 
    //Ideally, I want the numerical value, being output to console in above function.
}  

提前致谢！非常感谢所有建议/意见。
干杯

Answer 1

刚刚注意到循环；看起来您可能想要返回的是所有活动面板的数组（因为理论上可能有多个面板）。

function checkPanes() {
    activePanes = [];
    var panels = $("#slider .box .panel");

    panels.each(function() {

    //find the one in visible state.
    if ($(this).is(":visible")) {
    activePane.push($(this).index()+1);
    console.log(activePane);
    }

    });
    return activePanes;
} 

如果您知道只有一个处于活动状态，则可以返回到原来的方法，只需在 console.log 之后添加 return activePane 即可。

Answer 2

忘记那些说 return activePane 的人吧，因为他们没有看到它位于 jQuery each 循环中。行不通。

我建议重组你的选择器。您应该使用的选择器是：$("#slider .box .panel:visible")。这将完全切断你的每个循环。例如，您可以按如下方式重组代码：

function checkPanes() {
    return $("#slider .box .panel:visible").index();
}

function exampleCase() {
    var visiblePane = checkPanes();

    // ... do something with the index
}

我建议仅使用内联选择器而不是创建新函数，但这是一个品味问题，特别是当您必须在多个位置选择相同的内容时。

Answer 3

只需将控制台线切换到 return 语句即可：

function checkPanes() {
    activePane = '';
    var panels = $("#slider .box .panel");

    panels.each(function() {

    //find the one in visible state.
    if ($(this).is(":visible")) {
        activePane = $(this).index()+1;
        return activePane; // Return the value and leave the function
    }

    });
} //END checkPanes();

调用：

function exampleCase() {
    var thepane = checkPanes(); //evidently, does not return anything. 
    // ...
}  

Answer 4

我认为这就像使用 return activePane; 一样简单

Answer 5

这个：

function checkPanes() {
  activePane = '';
  var panels = $("#slider .box .panel");

  panels.each(function() {

  //find the one in visible state.
  if ($(this).is(":visible")) {
  activePane = $(this).index()+1;
  }

  });
  return activePane;
} //END checkPanes();

还有这个：

function exampleCase() {
   var myval=checkPanes(); //evidently, does not return anything. 
   console.log(myval);

}

Answer 6

如果您想在其他地方使用这些值，您可以保留代码并添加返回值，

function checkPanes() {
 activePane = '';
 var panels = $("#slider .box .panel");

  panels.each(function() {

  //find the one in visible state.
  if ($(this).is(":visible")) {
  activePane = $(this).index()+1;
  console.log(activePane); //Logs to console.
  return activePane; //Returns value also.
}

});
} 

因此在这里您可以使用返回值或仅将其记录到控制台。这就是我理解你的问题的方式

function exampleCase() {
    checkPanes(); //Now it will still write in console. but you dont need to use the return

    alert(checkpanes()); //Would write it to console and to an alert!
} 

，但请确保返回字符串 - 或者如果你想将其作为文本显示在某处，则转换为字符串。

Answer 7

你必须在第一个函数中返回一些东西才能在第二个函数中操作它：

function checkPanes() {
    activePane = '';
    var panels = $("#slider .box .panel");
    //create a return array
    visiblePanels = [];
    panels.each(function() {

    //find the one in visible state.
    if ($(this).is(":visible")) {
    activePane = $(this).index()+1;
    //add the result to the returnb array
    visiblePanels[] = activePane
    }
    });
    // return results
    return visiblePanels;
}

function exampleCase() {
    var thepane = checkPanes();
    //now it has all the visible panels that were founded in the other function
    // you can access them with thepane[0] or iterate on them

}  

我认为这就是你所需要的。