jquery - 親の固定されていない兄弟を選択するjQuery

Question

だから私はjQueryを使って次のような要素を選択しようとしています：

<div>
    <ul>
        <li>First item</li>
        <li>Second item</li>
        <li>Third item</li>
    <ul>
</div>
<div>Item to be operated on when the first li is clicked.</div>
<div>Item to be operated on when the second li is clicked.</div>
<div>Item to be operated on when the third li is clicked.</div>

そしてもちろん、私はjQuery関数を

$('ul li')

複数のdomダイブなしでこれを行う方法はありますか？私が本質的に必要としているのは、直接の兄弟だけで動作しない場合は「next（）。next（）。next（）」です。マークアップを移動できないと仮定します。ありがとう。

Answer 1

この場合、あなたは次のことをするかもしれません：

$('div').eq($(this).index()+1);

eq関数を参照してください。

Answer 2

対応する要素.index()を選択するために使用できます。div

var $divs = $('div');

$('ul li').click(function() {
    var $div = $divs.eq($(this).index() + 1);
});