Question

HTML：

<ul class="paginering">
 <li><a href="javascript:void(0)">Vorige</a></li>
 <li class="active"><a onclick="changeDisplay(this)" href="javascript:void(0)">1</a></li>
 <li><a onclick="changeDisplay(this)" href="javascript:void(0)">2</a></li>
 <li><a onclick="changeDisplay(this)" href="javascript:void(0)">3</a></li>
 <li><a onclick="changeDisplay(this)" href="javascript:void(0)">4</a></li>
 <li><a onclick="changeDisplay(this)" href="javascript:void(0)">5</a></li>
 <li>...</li>
 <li><a onclick="changeDisplay(this)" href="javascript:void(0)">14</a></li>
 <li><a onclick="changeDisplay(this)" href="javascript:void(0)">15</a></li>
 <li><a onclick="changeDisplay(this)" href="javascript:void(0)">16</a></li>
 <li><a onclick="changeDisplay(this)" href="javascript:void(0)">17</a></li>
 <li><a onclick="changeDisplay(this)" href="javascript:void(0)">18</a></li>
 <li><a href="javascript:void(0)">Volgende</a></li>
</ul>

的Javascript / JQuery的：

function changeDisplay(element){
 var clickedLi = $(element).closest("li");
 var clickedPage = parseInt($(element).html());
 var pageList = $(".paginering li");
}

现在我想检查clickedLi位置旁边的pageList中项目的内部HTML值。类似于：pageList(clickedLiPosition+1).html();我该怎么做？

修改而且，<a>中可能有<li>个元素，也可能没有。我如何才能获得<a>之间的值，或者如果不存在，那么<li>之间的值是什么？

Answer 1

只需使用next（）获取下一个元素的innerHTML：

function changeDisplay(element){
 var clickedLi = $(element).closest("li");
    alert(clickedLi.next().html());
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<ul class="paginering">
 <li><a href="javascript:void(0)">Vorige</a></li>
 <li class="active"><a onclick="changeDisplay(this)" href="javascript:void(0)">1</a></li>
 <li><a onclick="changeDisplay(this)" href="javascript:void(0)">2</a></li>
 <li><a onclick="changeDisplay(this)" href="javascript:void(0)">3</a></li>
 <li><a onclick="changeDisplay(this)" href="javascript:void(0)">4</a></li>
 <li><a onclick="changeDisplay(this)" href="javascript:void(0)">5</a></li>
 <li><a onclick="changeDisplay(this)" href="javascript:void(0)">14</a></li>
 <li><a onclick="changeDisplay(this)" href="javascript:void(0)">15</a></li>
 <li><a onclick="changeDisplay(this)" href="javascript:void(0)">16</a></li>
 <li><a onclick="changeDisplay(this)" href="javascript:void(0)">17</a></li>
 <li><a onclick="changeDisplay(this)" href="javascript:void(0)">18</a></li>
 <li><a href="javascript:void(0)">Volgende</a></li>
</ul>

Answer 2

使用.index（）在其兄弟姐妹中找到它的位置，然后在所有兄弟姐妹的集合上使用.eq（n + 1）来查找下一个兄弟姐妹。

http://api.jquery.com/index/

http://api.jquery.com/eq/

JQuery / Javascript获取对象数组中对象的位置

2 个答案: