필자는 philosophy bubble이라는 연설 거품을 가지고 있습니다.이 거품은 견적 거품처럼 보이도록 스타일이 지정된 div이고 SharePoint 컨트롤은 거품의 내용을 채우는 것이지만 때로는 거품이 텍스트가 없기 때문에 숨길 필요가있을 수 있습니다. 버블뿐만 아니라 아래 텍스트도 'Mr. X는 거품이 비어 있기 때문에 숨겨져 있어야한다고 말합니다. jquery는 어떻게 이루어 집니까? 당신이 HTML에 액세스 할 수있는 경우비어있는 div를 숨기는 방법과 비어있는 div를 연결하는 다른 div를 숨기는 방법은 무엇입니까?
<div class="philosophy-bubble">Quote goes here
</div>
<span class="credit">
Quoter..
</span>
, 당신은 이런 식으로 할 수있는 :
$(".philosophy-bubble").each(function() {
if (this.innerHTML.match(/\S/)) {
$(this).hide().next(".credit").hide();
}
});
, 당신은 부모 <div> 태그에 <div> 및 <span> 모두를 포장 할 수있다. 그런 다음 부모를 숨길 수 있습니다. 당신이 jQuery를에 액세스 할 수있는 경우
$('.philsophy-bubble').parent().hide()
은 다음 형제를 (수직) 얻는 .next() 기능을 사용할 수 있습니다, (난 당신이 jQuery를 태그 참조). 당신은 단지 그들에 텍스트가없는 거품을 숨길 가정
뭔가 같은 ...
$('.philosophy-bubble').hide().next().hide();
달콤한 ... 그것은 하나의 맛있는 코드 조각이었습니다! 고마워, 감사! 빈 문자열에 대한 정규 표현식 ?? 나는 추측한다? – AJSwift
@ jfriend00 - 죄송합니다 - 내 마지막 코멘트를 무시하십시오. 너무 많은 브라우저가 열립니다 ... –