jquery - Jquery next prev 带文本

Question

大家好，我正在尝试这样做，我有两个按钮，分别称为“下一个”和“上一个”，它们提供隐藏和显示文本。当我单击 prev 按钮时，我的第一个文本必须显示为“1”，它会出现 2 并再次按下，直到我称之为“4”的第四个文本这是 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>​

我想再次按下下一个按钮，我想显示第一个名为“1”的文本，并且我点击上一个按钮它必须显示上一个文本

这是我的脚本

$("#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

尝试在 Next Method 中使用选择器：

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

这是对您的代码的编辑http://jsfiddle.net/scXQR/5/

希望这可以帮助。