JQuery와/자바 스크립트 객체 배열로 객체의 위치를 ​​얻을 HTML

Question

:

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

지금 내가 옆에 pageList에있는 항목의 내부 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> 

자바 스크립트/JQuery와 clickedLi의 위치. 예 : pageList(clickedLiPosition+1).html(); 어떻게하면됩니까?

편집 : 그리고, 또는 <li> 내부의 <a> 요소가 될 수도 있고 그렇지 않을 수도 있습니다. <a> 사이의 값만 가져 오거나 없으면 <li> 사이의 값을 얻으려면 어떻게해야합니까?

Answer 1

그냥 사용하는 다음 요소의 innerHTML을 얻을) (다음 : 요소를 만들 때 같은 고유 ID를 줄 수

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/