javascript - 如果 DT 不包含实际值，则删除 DT，DD

Question

我使用标签 DL-DT-DD 在网站上列出商店信息。信息将由服务器生成和放置。

<dl class="description-cols">

<dt>Shop Name</dt>
<dd class="divider"> US Master Autos</dd>

<dt>Toll Free</dt>
<dd>Not Available</dd>

<dt>Fax</dt>
<dd>(305) 345-42324</dd>

<dt>Email</dt>
<dd class="divider"> Not Available</dd>

<dt>Website</dt>
<dd class="divider">
      <a target="_blank" href="http://www.google.com">http://www.google.com</a>
</dd>
</dl>

如果任何行的值不可用，我想删除相应的行（DL & DT）。我想使用 jquery 或 javascript 来做到这一点。

这是用于测试的jsfiddle。我想删除免费电话和电子邮件的行

Answer 1

这将有助于：

$('dd:contains("Not Available")').each(function() {
    $(this).prev().remove();
    $(this).remove();
});​

更新小提琴

Answer 2

你可以这样做，

现场演示

$('dd').each(function(){
   if($.trim($(this).text()) == "")
   {
      $(this).prev('dt').remove(); 
      $(this).remove();    
   } 
});​