Question

大家好，我试图这样做，我有两个按钮，它们是呼叫＆＃34;下一个＆＃34;和＆＃34; prev＆＃34;它提供隐藏和显示文本。我的第一个文字必须显示为＆＃34; 1＆＃34;当我点击上一个按钮时，它会变为2然后再次按下，直到我打电话给四个文本＆＃34; 4＆＃34;这是html部分：

<button id="slider1next" >Next</button>
<br>
  <p class="text" id="first_one">1</p>
    <p class="text" id="second_one" style="display:none">2</p>
    <p class="text" id="third_one" style="display:none">3</p>
<p class="text" id="fourth_one" style="display:none">4</p>
<br>
<button id="slider2next" >Prev</button>

我想再次按下下一个按钮，我想显示第一个文本，即＃34; 1＆＃34;我也点击上一页按钮，它必须显示以前的文字

这是我的剧本

$("#slider1next").click(function() {
    var $next = $(".text:visible").hide().next();
    $next.length ? $next.show() : $(".text:first").show();
});

$("#slider2next").click(function() {
    var $next = $(".text:visible").hide().prev();
    $next.length ? $next.show() : $(".text:last").show();
});

您还可以看到http://jsfiddle.net/ganymedes/scXQR/

Answer 1

尝试在下一个方法中使用选择器：

$("#slider1next").click(function() {
    var $next = $(".text:visible").hide().next('p');
    $next.length ? $next.show() : $(".text:first").show();
});

以下是对代码http://jsfiddle.net/scXQR/5/

的修改

希望这有帮助。

Jquery下一个上一篇文章

1 个答案: