IT

jquery, 클래스별로 다음 요소 찾기

lottoking 2020. 9. 1. 07:40
반응형

jquery, 클래스별로 다음 요소 찾기


클래스별로 다음 요소를 어떻게 사용할 수 있습니까?

나는 시도 $(obj).next('.class');했지만 부모 $(obj)클래스 만 반환합니다 . 클래스 이름으로 코드 전체에서 다음 요소를 가져와야합니다. 내 코드가

<table>
<tr><td><div class="class">First</div></td></tr>
<tr><td><div class="class">Second</div></td></tr>
</table>

이게 가능해?


이 경우 <tr> 다음.next()과 같이 다음 사용 로 이동해야합니다 .

$(obj).closest('tr').next().find('.class');

또는 .class내부 없이 중간에 행이있을 수있는 경우 다음 과 같이 사용할 수 있습니다 ..nextAll()

$(obj).closest('tr').nextAll(':has(.class):first').find('.class');

같은 클래스를 가진 다음 요소를 설치면 :

$(".class").eq( $(".class").index( $(element) ) + 1 )

문서 를 보면 다음과 같은 시나리오에서 다음 ()을 사용할 수 없습니다.
다음 () 일치하는 요소 집합에서 각 요소 바로 다음 형제를 가져옵니다 . 선택기가 제공되는 선택자와 일치하는 다음 형제를 검색합니다.

두 번째 DIV가 동일한 TD에 있으면 다음과 같이 코딩 할 수 있습니다.


// Won't work in your case
$(obj).next().filter('.class');

그러나 다음 ()을 사용할 수 없습니다. 대신 다음과 같이 코딩 할 수 있습니다.

$(obj).parents('table').find('.class')

참고 URL : https://stackoverflow.com/questions/3670136/jquery-find-next-element-by-class

반응형