如何使用 jquery 获取前一个 LI 的 ID 和前一个 LI 的 ID

Question

我想知道是否有人知道是否可以仅使用前一个 LI 的 ID 来获取下一个 LI 的 ID。

例如

，所以我希望能够去 函数 getNextLI(当前 liID){ $(li#currentliID:next-child).animate({ 不透明度：1 }); 所有

LI id 都不会按顺序排列，因为它们是来自 mysql 数据库的项目 id。

Answer 1

您可以使用 jQuery 的 next() 方法。例如：

<ul>
    <li>...</li>
    <li id-"test">...</li>
    <li>NEXT</li>
    <li>...</li>
</ul>

以下内容将为您提供包含单词“NEXT”的 li：

var nextSibling = $("li#test").next();

Answer 2

这将解决您的问题：

var getNextLI = function(id) {
  return $('li#' + id).next('li');
};

var anaimateNext = function(id) {
  getNextLI(id).animate({ opacity: 1});
}

Answer 3

您可以使用 jQuery(this).next()

<ol>
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
        <li>Item 4</li>
        <li>Item 5</li>
</ol>


jQuery(function(){

    jQuery('ol li').bind('click',function(){
        jQuery('ol li').css("background-color","#ffffff");
        jQuery(this).next().css("background-color","red");
    });

});

http://jsfiddle.net/ BzFfM/2/

Answer 4

<script>

jQuery(function(){

jQuery('ol li').bind('click',function(){

var s = jQuery(this).next().attr("id");

});

});