我正在尝试使用next和prev按钮显示每个div数据。如何使用jQuery做到这一点? 这些是我的代码。
PHP代码:
<div class="divs">
<?php
for($i=1; $i<=10;$i++){
?><div class="cls<?php echo $i; ?>"><?php echo $i; ?> </div>
<?php
}
?>
</div>
<a id="next">next</a>
<a id="prev">prev</a>
JavaScript代码:
$(".divs div").each(function(e) {
if (e != 0)
$(this).hide();
});
$("#next").click(function(){
if ($(".divs div:visible").next().length != 0)
$(".divs div:visible").next().show().prev().hide();
else {
$(".divs div:visible").hide();
$(".divs div:first").show();
}
return false;
});