다른 장 제목이 참조되기 전에 장 제목이 두 번 이상 참조되었는지 확인하십시오. 다음 다른 클래스를 적용

Question

나는 긴 기사를 통해 뿌려 divs 잔뜩 있습니다. 각각을 클릭하면 div 내에 숨겨진 텍스트 span이 표시됩니다. 그들은으로 구성하고

1) 장 제목
2) 섹션 번호
3) 소수점 수

예 : 정부 3시 15분 또는 화이트 하우스 15시 27분 또는 법률 1시 38분 (가 이상을 90 장).

jQuery를 사용하여, 챕터 제목이 두 번 이상 연속적으로 발생하는지 확인하려고합니다. 첫 번째 챕터를 제외한 모든 챕터에 특정 클래스를 적용합니다.

이유 존재 : 그 장 제목 경우, (icon)Whitehouse 29:8,하지만 난 아이콘을 가지고 매 장 제목을 원하지 않는 :

예 :이 장 제목을 참조 할 때, 내가 처음에 아이콘을 배치 한 다른 장 제목이 참조되기 전에 두 번 이상 참조 된 경우 두 번째 세 번째 (등)에 아이콘이없는 것을 원합니다.

다른 장 제목이 참조되기 전에 장 제목이 두 번 이상 참조되었는지 확인하는 방법을 알고있는 사람이 있습니까?

예 :

그는 (icon)Whitehouse 3:15에 많은 부정의 말을하지만, 대통령이 산 whitehouse 4:2 및 whitehouse 4:9 말하고되지 않았다. 그는 그들이 (icon)congress 19:4을 시작할 준비가되어 있었다 보았을 때, 그는 (icon)legislation 9:41 "이 세션에 대한 모든을 환영합니다"라고 한 다음 얼굴에 legislation 3:8

Answer 1

캡슐화 범위 태그 세트에있는 모든 참조 (또는 다른 컨테이너) 총리를 때려서 일반적인 속성이지만이 경우에는 span.ref라고합시다.

다음과 같은 기본 버전이 있습니다. jsFiddle.

각 장 제목에 필요한 HTML은 다음과 같은 형식이 필요

:

<span class="ref"> 
    <img src="..." /> 
    <span class="ref-title">Washington</span> 
    1:23 
</span> 

그런 다음 페이지 업데이트하려면 다음 jQuery를 사용

$(document).ready(function(){ 

    // var to store the previous reference title 
    var previousRefTitle = ''; 

    // cycle through each reference on the page 
    $('.ref').each(function(){ 

     // if chapter title is the same as the previous reference 
     if ($(this).children('.ref-title').text() == previousRefTitle) 
     { 
      // change the class 
      if ($(this).hasClass('ref')) 
      { 
       $(this).removeClass('ref'); 
       $(this).addClass('ref-following');  
      } 
     } 

     // if chapter title is new compared to the previous reference 
     else 
     { 
      // update var for next iteration 
      previousRefTitle = $(this).children('.ref-title').text(); 
     } 
    }); 

});