我正在使用wordpress并生成此代码:
<aside class="left-hand-column"> <div class="textwidget"> <p></p> ...1 <div class="pdf-download"> <p> ... 2 <a href="http://www.kusuma.ee-web.co.uk/wp-content/uploads/2016/04/strategy2015-2018.pdf" target="_blank">download pdf</a> </p> </div> <p></p> ...3 </div> </aside>
我以为我可以设置display:none对于他们这样:
.textwidget p:first-child { display:none; }
但它的制作1和2 p消失了,留下3 – 我怎么能让它做我想要的呢?
解决方法
如果您熟悉jquery,可以使用它
$('.textwidget p').each(function () { if ($(this).text().length === 0) { $(this).hide(); } });