prev(), prevAll(), prevUntil()

개발 메모

메소드

클릭된 링크 태그의 상위 요소정보 가져오기

prev(), prevAll(), prevUntil()

 

링크 예시)

<p class="{$isRight}">
  <span style="color: #065fd4;font-size:16px">TITLE2</span>
  <a data-toggle="modal" data-target="#popTalk" href="#" onClick="javascript:popTalk(this);">
    <span class="h3">TITLE1</span>
  </a>
</p>

<script>
  function popTalk(valThis){
    var valTitle1 = $(valThis).prevUntil(".span").text();
    var valTitle2 = $(valThis).text();  
  
    alert(valTitle1);
    alert(valTitle2);
  }
</script>

 

[결과]
valTitle1 = "1. 기내 반입이 가능한가요?"
valTitle2 = "2. Can I take this one the plane?"

 

메소드

.prev().prev()	선택한 요소 바로 이전에 위치한 형제 요소를 선택
.prevAll()	선택한 요소 이전에 위치한 모든 형제 요소를 선택
.prevUntil(".지정자")	선택한 요소의 형제 요소 중 .지정자 요소 바로 다음 요소를 선택