2010-04-09 4 views
0

블로그 항목 제목을 페이지 측면에 나열하는 사이드 바 탐색 기능이 있습니다. 나는 현재 전체 블로그 항목 페이지의 제목에 텍스트를 확인하고 활성 상태 링크 스타일을 적용 할 수 있도록 사이드 바 탐색에 해당 제목과 일치하는 몇 가지 jquery를 작성하려고 ... 그러나 나는 그것을 정말로 얻지 않고있다! 다음은 예제 페이지에 대한 링크입니다. http://ncw-commercial.com/property-listings/eastpoint-plaza-lot.html, 아래는 현재 코드입니다. 나는 또한 사용하려고 시도했다 : 포함하지만 직접 텍스트가 아닌 변수로 작업하는 방법을 알아낼 수 없었다.변수 텍스트를 일치시키기 위해 jQuery를 사용합니까?

$('.single-journal-entry-wrapper .journal-entry .title').each(function(){ 
     var activeTitle = $(this).text(); 
     $(".feedburnerFeedBlock .headline a").filter(function(index) { 
     return $(this).text() == "activeTitle"; 
     }).parent().addClass("activeTitle"); 
}); 

답변

1

저는 여러분이 매우 가까이에 있다고 생각합니다 (선택기가 올바른 것으로 가정). 그냥 주위 activeTitle (그렇지 않으면 당신은 문자열 "activeTitle"에 대해 비교하는) 따옴표를 제거 :

$('.single-journal-entry-wrapper .journal-entry .title a').each(function(){ 
     var activeTitle = $(this).text(); 
     $("#sidebar1 .section .headline a:contains('" + activeTitle + "')") 
     .parent().addClass("activeTitle"); 
}); 

페이지에 링크가 도움이되지 않는 많은 : 또한 :contains() 선택기를 사용할 수 있습니다

$('.single-journal-entry-wrapper .journal-entry .title a').each(function(){ 
     var activeTitle = $(this).text(); 
     $("#sidebar1 .section .headline a").filter(function(index) { 
     return $(this).text() == activeTitle; 
     }).parent().addClass("activeTitle"); 
}); 

. 어떻게 든 나는 당신이 어느 링크와 일치시키고 싶은지를 보지 못한다. 죄송합니다.

업데이트 : 나는 그것을 알아 낸

좋아. 문제는 두 문자열 ( 제목에   (Eastpoint Plaza Lot)이 없으므로 제목과 링크의 제목이 모두 과 일치하지 않는다는 것입니다. 그리고 이것은 공백으로 변환되지만 당신이 .text()를 호출하는 경우, 어떻게 든 일치하지 않는 지금이 .html()를 통해 타이틀을 얻을 공백으로   교체에 의해 해결 될 수

:. 나는 모든 HTML 코드를 복사 테스트를 위해

$('.single-journal-entry-wrapper .journal-entry .title a').each(function(){ 
     var activeTitle = $(this).html().replace(' ', ' '); 
     $("#sidebar1 .section .headline a:contains('" + activeTitle + "')") 
     .parent().addClass("activeTitle");  
}); 

과 그것은 지금 나를 위해 작동합니다. 한번 해보십시오. 가장 큰 문제는 제목에 HTML 인코딩이있을 수 있다고 생각합니다. d 문자가 포함되어 있으므로 더 많은 문제가 발생하면 변환하는 라이브러리를 찾으십시오.

+0

오른쪽 사이드 바에 섹션의 항목 제목이 나열되어 있습니다 (이 경우에는 두 개뿐입니다).이 예에서는 항목 제목과 일치하는 사이드 바에 링크가 필요합니다 ("Eastpoint Plaza Lot"). 위의 제안을 모두 시도했지만 여전히 사이드 바 링크에 적용되는 클래스를 얻지 못했기 때문에 실제로 이상하게 보입니다. – VUELA

+0

@VUELA : 답변을 업데이트했습니다. 클래스'feedburnerFeedBlock'을 가진 요소를 찾을 수 없지만 아마도 그것을 보지 못했습니다. 어쨌든, 나는 셀렉터를 바꿨다. –

+0

이것 좀 봐 주셔서 감사합니다! 잠시 전에 .single-journal-entry-wrapper .journal-entry .title a를 사용해야한다는 것을 깨달았습니다. - 그래서 업데이트되었지만 사이드 바에 대한 선택기를 변경해도 도움이되지 않았습니다. – VUELA

관련 문제