テキストが存在するかどうかを確認してJavaScriptで削除する

Question

テキストが存在するかどうかを確認して削除します。

<dt>Font</dt> 
<dd>no font selected </dd> 
<dt>Name</dt> 
<dd>--------</dd> 

そして、他のとほぼ同じ、名前付き場合：このテキストは、私は、この要素を削除したり、非表示にする必要がその後、存在する場合は、[名前なしテキストが、存在する場合、私は自分のコードの例をチェックします私は削除または非表示にする必要があり、その後に存在 +日付：

<dt>Color</dt> 
<dd>------- </dd> 

私のHTMLは次のとおりです。

<table id="shopping-cart-table" class="data-table cart-table"> 
    <tbody> 
     <tr class="odd"> 
      <td> 
       <dl class="item-options"> 
        <dt>Radio test</dt> 
        <dd>Without Name </dd> 
        <dt>Font</dt> 
        <dd>no font selected </dd> 
        <dt>Name</dt> 
        <dd>--------</dd> 
       </dl> 
      </td> 
     </tr> 

     <tr class="even"> 
      <td> 
       <dl class="item-options"> 
        <dt>Radio test</dt> 
        <dd>With name + date </dd> 
        <dt>Font</dt> 
        <dd>Disney Print </dd> 
        <dt>Name</dt> 
        <dd>nametest </dd> 
        <dt>Color</dt> 
        <dd>------- </dd> 
       </dl> 
      </td> 
     </tr> 
    </tbody> 
</table> 

<script type="text/javascript"> 
if (jQuery('.item-options dd:contains("Without Name")').length > 0) 
{ 
jQuery('.item-options dt:contains("Name")').html('');  
} 
    }); 
</script> 

Answer 1

不要な閉じ括弧が指定されているため、スクリプトタグに構文エラーがあります。だからそれを作る。

<script type="text/javascript"> 
jQuery(document).ready(function() { 
if (jQuery('.item-options dd:contains("Without Name")').length > 0) 
{ 
    var parent = $('.item-options dd:contains("Without Name")').parent('dl'); 
    jQuery(parent).find('dt:contains("Name")').html('');  
} 
}); 
</script>