div에 대한 클릭 이벤트를 첨부하십시오.

Question

안녕하세요, BIND 메소드로 div에 click 메소드를 첨부하고 싶습니다. 부착의 내 코드가

$("#brend_list > #mCSB_1 > .mCSB_container > div > a").bind('click',function(){ 
id=$(this).attr('id'); 
ttl=$(this).parent().children("span").html(); 
state=$(this).hasClass("checked"); 

if(state) {$(this).removeClass("checked"); 
$("#"+id+"_filter").remove(); 
} 
else{$(this).addClass("checked"); 


$("#filters").append(" <div style='display:inline-block;' id='"+id+"_filter' class='filter_brands' onclick='brend_uncheck(\""+id+"\"); $(this).remove();'><span>"+ttl+"</span><b>x</b></div> "); 


}}); 

내 사업부 구조

<div id="brend_list" class="mCustomScrollbar _mCS_1"> 
    <div class="mCustomScrollBox mCS-light" id="mCSB_1" style="position:relative; height:100%; overflow:hidden; max-width:100%;"> 
    <div class="mCSB_container" style="position: relative; top: 0px;"> 
    <div><a id="filt_brend001"></a><span>Loreal Paris</span></div><!-- this <a> --> 
    <div><a id="filt_brend002"></a><span>Laura Mercier</span></div> 
    ........... 
    </div> 
    <div class="mCSB_scrollTools" style="position: absolute; display: block;"> 
     <div class="mCSB_draggerContainer"><div class="mCSB_dragger" style="position: absolute; height: 110px; top: 0px;" oncontextmenu="return false;"> 
     <div class="mCSB_dragger_bar" style="position: relative; line-height: 110px;"> 
     </div> 
     </div> 
     <div class="mCSB_draggerRail"> 
     </div> 
    </div> 
    </div> 
    </div> 
</div> 

이지만 연결되지 않습니다. 위의 here입니다 함께

Answer 1

당신은

$("#brend_list > #mCSB_1 > .mCSB_container > div > a") 

$("#brend_list > #mCSB_1 > .mCSB_container > div > a + span") 

에 대한 바이올린을 변경해야 하나.

또는, 위의 작업에서와

<div><a id="filt_brend001"><span>Loreal Paris</span></a></div> 

바이올린에

<div><a id="filt_brend001"></a><span>Loreal Paris</span></div> 

에서 HTML을 변경할 수는 here입니다.