jquery - 如何查找 ul(无序列表)中下一个 li(列表项)的 ID

Question

我想向函数传递 <LI> 的 id并让它返回 <UL> 内下一个可用的 id .

id 可能不按顺序排列，并且 <LI> 中嵌套有其他元素所以我不能只获取下一个。

我在网上搜索并尝试了各种组合，但没有成功。

HTML:

<ul class="timeline" id="timeline">

    <li id="timelineLI-1A4">
        <div class="timelineIcon letter"></div>
        <div class="dateContainer"></div>
    </li>

    <li id="timelineLI-2">
        <div class="timelineIcon mail"></div>
        <div class="dateContainer"></div>
    </li>

</ul>

JavaScript/JQuery 代码:

function openNextTile() {
    console.log(lastTileOpened);

    // Get the current tile that's open
    if (lastTileOpened == null) {
        openFirstTile();
    } else {
        console.log('opening next tile with keyboard');
        var getNextLIID = $('ul#' + 'timelineTile-' + lastTileOpened).next();
        animateTile(getNextLIID);
    }
}

Answer 1

这看起来很容易实现:

function getNext(id) {
    return $("#" + id).next("li").attr("id");
}

演示:http://jsfiddle.net/QKRrM/