>

안녕하세요!

쇼핑 차트에 약간의 문제가 있습니다. 사용자가 요소를 추가하면 차트 아이콘 위에 페이지를 다시로드하지 않고 항목의 가격이 표시됩니다. 지금은 내가 배경 색상과 약간의 패딩을 준 용기에 포장했습니다. 패딩은 div가 항목을 추가하기 전에 약간 보이게합니다. 그래서 난 내 쇼핑 카트 모든 시간의 상단에 약간 겁이있다.

비어있을 때 해당 div를 완전히 숨기고 싶습니다 (사용자가 항목/돈을 추가하지 않은 경우)

지금까지이 코드를 생각해 냈습니다 :

HTML

<span id ="check">
 <a href="#" class="pjCsCheckout">$70</a>
</span>

css

#check a {
  position: absolute;
  background: #ddd;
  width:auto;  
  padding: 10px;
}

제이 쿼리

$( document ).ready(function() {
  $(function() {
    $('.pjCsCheckout').each(function() {
      if ($.trim($(this).html()) == '')
         $('.pjCsCheckout').hide();
    });
  });
});

여기에 링크가 있습니다 : http://jsfiddle.net/u1zLbjrn/11/

감사합니다 !!

  • 답변 # 1

    CSS를 사용하면됩니다 :

    #check a:empty {display: none;}
    
    

    그러나 pyzwyz  DOM을 기반으로 눈에 띄게 비어 있지만 비어있는 것은 아닙니다. 즉, 요소에 전혀 아무것도 포함되어 있지 않은 경우 (HTML 주석 제외), 눈에 띄게 비어있는 텍스트 노드 (예 : 줄 바꿈 또는 공백)조차도 적용되지 않습니다. 자세한 내용은 여기를 참조하십시오.

    :empty 인 경우  자식 요소를 포함하면 위의 스타일이 작동하지 않습니다. 이 경우 선택기를 확장해야합니다.

    #check a
    
    

    이것은 #check a span:empty {display: none;} 를 숨 깁니다.   span 내부  패딩이 a 에 있기 때문에 요소 위의 스타일만으로는 문제가 해결되지 않습니다. 또한 a 에서 패딩을 이동해야합니다  내부 a 에 .

  • 답변 # 2

    여기 당신이 그것을 할 거라고 방법은 다음과 같습니다

    span
    
    

    $(function() { function divCheck() { if ($(".pjCsCheckout").innerHTML == "") { $("#check").css("display") = none; } } }); 에게 전화   divCheck 내부의 기능  다음과 같은 모든 양식 요소의 속성 :

    onchange
    
    

    그리고 작동합니다!

    <input type="checkbox" onchange="divCheck()">

  • 이전 Julia에서는 REPL에 텍스트 파일을 표시합니다
  • 다음 java - orgtestngtestngexception - 오이 테스트 러너를 인스턴스화 할 수 없습니다