>

특정 코드를 찾을 수 없을 때 어떻게 요소를 숨길 수 있습니까?

예 :

이 코드가 존재하지 않는 경우 :

<div id="tab-1"></div>

이 요소는 숨겨져 야합니다 :

<li>
   <a id="tab-data" href="#tab-1">Tab 1</a>
<li>

유일한 해결책은 스크립트라고 생각합니다

  • 답변 # 1

    확실하지 않지만 도움이 될 것입니다. 어떤 div도 내용을 숨기지 않습니다

    $('ul li').each(function () {
            if((typeof $('a',  this).attr('href')) === 'undefined') {
            $(this).hide();
            }
        });
    
    
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <ul>
        <li>
            <a id="tab-data1" href="#tab-3">Tab 1</a>
        </li>
        <li>
            <a id="tab-data2"></a>
        </li>
        <li>
            <a id="tab-data3" href="#tab-3">Tab 3</a>
        </li>
    </ul>
    
    

  • 답변 # 2

    이 기능은 당신을 도울 수 있습니다

    function hideElementIfStringNotFound(jqElement, stringToFind){
        var text = jqElement.text();
        if(text.indexOf(stringToFind) >= 0){
            jqElement.show();
        } else {
            jqElement.hide();
        }
    }
    
    

    알았다 :

    hideElementIfStringNotFound($("#tab-data"),"test");
    
    

  • 답변 # 3

    if($('li div').text()=='')
      {
        $(this).hide();
      }
    
    
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
    <ul>
    <li>
       <div id="tab-data" href="#tab-1">Tab 1</div>
    </li>
    <li>
       <div id="tab-data" href="#tab-2"></div>
    </li>
    <li>
       <div id="tab-data" href="#tab-3">Tab 2</div>
    </li>
    <li>
       <div id="tab-data" href="#tab-4">Tab 3</div>
    </li>
    </ul>
    
    

    이런 의미인가요?

  • 답변 # 4

    먼저 문서의 요소 길이가 0보다 큰지 확인

    방법은 다음과 같습니다.

    var selector = $( '#tab-data' ).parent();
    if ( selector.length < 1 ) {
        selector.hide();
    }
    
    

    .parent () 메소드는 문서에서 한 레벨 위로 가로 질러 요소의 부모를 가져옵니다.

    여전히 anchor 요소 만 숨기려면 .parent () 메서드를 제거하십시오.

    var selector = $( '#tab-data' );
    if ( selector.length < 1 ) {
        selector.hide();
    }
    
    

  • 이전 intellij idea - 알림 팝업 설정 창에 대한 링크 추가
  • 다음 sql server - 전체 텍스트 검색 및 대용량 데이터로 쿼리 실행 시간을 줄이는 방법