正在更改显示的<李>单击另一个对象

Changing displayed <li> by clicking on another object

本文关键字：gt 单击 一个对象 lt 显示      更新时间：2024-02-09

我想通过点击箭头来制作一个简单的信息板，其中包含不断变化的信息。

代码：

<ul id="wybieraniekamienia">
    <li class="wybranykamien">Wcześniejszy kamień<br>Uruchomienie produkcji modelu<br><br>11.09.2013</li>
    <li class="wybranykamien kamiennumberone">"Zephyr"<br>Uruchomienie produkcji modelu<br><br>11.09.2013</li>
    <li class="wybranykamien">Późniejszy kamień<br>Uruchomienie produkcji modelu<br><br>11.09.2013</li>
</ul>

选择了kamennumberone（默认显示信息），现在点击箭头，我想更改next（）或prev（）上的信息。

Jquery：

$('#strzalkaprawa').click(function(){
    $('.kamiennumberone').toggle();
    $('.kamiennumberone').next(li).toggle();
});

在隐藏之前，我还试图找到下一个对象：

var nextone = $('.kamiennumberone').next(li);
$('.kamiennumberone').toggle();
$(nextone).toggle();

但它不起作用。如果我把它藏起来，我怎样才能到达下一个目标？

在行中：

$('.kamiennumberone').next(li).toggle();

li是一个变量名。你想用一个字符串：

$('.kamiennumberone').next('li').toggle();

http://jsfiddle.net/mblase75/RWW5q/

如果你想在整个列表中轮换，你需要使用.toggleClass()而不是.toggle()（以及一点额外的代码）：

$('#strzalkaprawa').click(function () {
    $a = $('.kamiennumberone').toggleClass('kamiennumberone');
    $b = $a.next('li');
    if (!$b.length) { // we went past the end of the list
        $b = $a.siblings().first();
    }
    $b.toggleClass('kamiennumberone');
});

http://jsfiddle.net/mblase75/6Qru4/

相关文章：