스크립트 질문입니다..
본문
<ul>
<li><a class="bb" href="#none">aaa</a></li>
<li><a class="bb" href="#none">bb</a></li>
<li><a class="bb" href="#none">ccc</a></li>
<li><a class="bb" href="#none">ddd</a></li>
</ul>
<ul>
<li><a class="aa" href="#none">aaa</a></li>
<li><a class="aa" href="#none">aaa</a></li>
<li><a class="aa" href="#none">ccc</a></li>
<li><a class="aa" href="#none">ddd</a></li>
</ul>
제가 하고 싶은건요,,
bb를 클릭했을때, aa의 텍스트와 비교해서 같으면 나타내고, 다른텍스트는 숨겨라거든요..
아무리 해도 생각이 안나내요..
답변 1
테스트 해보지는 않았지만 이런 식이면 될것같습니다.
$(function(){
$(".bb").click(function(){
var bb_txt = $(this).text();
$(".aa").each(function(){
if( $(this).text() == bb_txt){
$(this).show();
}else{
$(this).hide();
}
});
});
})
답변을 작성하시기 전에 로그인 해주세요.
