如果DT不包含实际值,则删除DT,DD

时间:2012-12-20 06:37:47

标签: javascript jquery html5

我使用标签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&amp; DT)。我想用jquery或javascript做这个。

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

2 个答案:

答案 0 :(得分:3)

这会有所帮助:

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

Updated Fiddle

答案 1 :(得分:2)

你可以这样做,

<强> Live Demo

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