Question

我想知道是否有人知道是否有可能只使用前一个LI的ID获得下一个LI的ID。

例如

所以我希望能够去 function getNextLI（currentliID）{ $（LI＃currentliID：下一子）.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”）;

}）;

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

4 个答案: