Question

I m trying to do multistep form, and I have 5 div s (all of them hidden) The five of them are parts of a form so I can get the first and the last div by doing this

  var first = $("#new").children(":first").next();
  var last = $("#back").prev( div );

"#new" is the id of the form, and "#back" the id of the back button. After click on the NEXT button it shows first.next(); , but it should only work the first time then it should display the next() of the div that is visible.

我怎么能够做到这一点?

增编

EDIT: I m trying to do this because after I click next on the first div then it shows the second div, and after that the third an so on, but I want to do a function where it automatically detects wich one is visible.

Answer 1

你的问题有点混淆,但如果你想要检查某一要素是否明显,你可以使用<代码>:hidden/code>。 pseudo selectedor:

var first = $("#new").children(":first").nextAll( :hidden );

仅找到可见的要素:

var first = $("#new").children(":first").nextAll( :visible );

http://api.jquery.com

http://jsfiddle.net/v8fKc/“rel=“nofollow” http://jsfiddle.net/v8fKc/。

通知一使用<代码>>.nextAll(),而不是.next(),因为后者只考虑下一个单一要素,而前者则研究在进行根本选择后产生的所有可操作元素。

rel=“nofollow”http://api.jquery.com/nextall。

Answer 2

if ($( #theid:visible ).length > 0)
     console.log( I Am Visible );
else
     console.log( I Am Not Visible );

Answer 3

give:

 $(this).is( :visible );

友情链接