Как получить идентификатор LI с идентификатором предыдущего LI с помощью jquery

Question

Мне было интересно, знает ли кто-нибудь, возможно ли получить идентификатор следующего LI, используя только идентификатор предыдущего LI.

Например

Так что я бы хотел иметь возможность пойти function getNextLI (currentliID) { $ (Li # currentliID: следующий ребенок) .animate ({ непрозрачность: 1 }); }

Все идентификаторы LI не будут в порядке, поскольку они являются идентификаторами предметов, поступающими из базы данных mysql.

Answer 1

Это решит вашу проблему:

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

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

Answer 2

Вы можете использовать метод jQuery next().Например:

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

Ниже приведено li, содержащее слово «NEXT»:

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

Answer 3

<script>

jQuery (function () {

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

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

});

}); * * 1 010

Answer 4

Вы можете использовать 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/