예 : 문자열 비교

Question

다음은 내 코드입니다. 콘텐츠에 따라 li 태그를 숨기고 싶습니다.

dom.find('ul#overlay_opt li').click(function(){ 
     if($(this).attr('class') != 'deactive'){ 
      var content = $(this).text(); 
      if(content == 'none') dom.find('#secondary_para').hide(); 
      else dom.find('#secondary_para').html($(this).text()).show(); 

     } 
}); 

내 HTML은

<ul id="overlay_opt"> 
     <li class="deactive">none</li> 
    <li>Requests</li> 
    <li>Impressions</li> 
    <li>Clicks</li> 
    <li>Earnings</li> 

</ul> 

문제, 즉 변수이고, 문자열 비교가 일어나고있다.

즉 false로 실행할 때마다 "if (content == 'none')"입니다.

Answer 1

I added 'id' for none li, using id, i am hiding span. 

<ul id="overlay_opt"> 
     <li id="none">none</li> 
     <li class="deactive">Requests</li> 
     <li>Impressions</li> 
     <li>Clicks</li> 
     <li>Earnings</li> 

</ul> 

dom.find('ul#overlay_opt li').click(function(){ 
       if($(this).attr('class') != 'deactive'){ 
         var content = $(this).text(); 
         if($(this).attr('id') == 'none') dom.find('#secondary_para').hide(); 
         else dom.find('#secondary_para').html($(this).text()).show(); 

       } 
}); 

Answer 2

"if (content == 'none')"가 false를 반환하는 이유는 "none"이라는 텍스트가있는 유일한 "li"이 "비활성화"클래스를 가지고 있기 때문입니다. if 문을 블록하십시오.

나는 당신이 여기서 무엇을하려고하는지 잘 모르겠습니다. 더 자세히 설명해주십시오.