替換javascript中的文本問題

Question

我想檢查文本是否存在並將其刪除。我需要找到文本是否存在並刪除父項。例如，如果在隨着名稱+日期存在，則刪除：

<dt>Font</dt> 
<dd>Arial </dd> 

另一個例子，如果隨着名稱+日期+時間存在，則刪除：

<dt>Font</dt> 
<dd>Comic Sans </dd> 

我的代碼：

jQuery(document).ready(function() { 
 
    if (jQuery('.item-options dd:contains("With Name")').length > 0) 
 
    { 
 
    var parent = jQuery('.item-options dd:contains("With Name")').parent('dl'); 
 
    jQuery(parent).find('dt:contains("Font")').html('');  
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<dl class="item-options"> 
 
    <dt>Radio test</dt> 
 
    <dd>With Name </dd> 
 
    <dt>Font</dt> 
 
    <dd>no font selected </dd> 
 
</dl> 
 
<dl class="item-options"> 
 
    <dt>Radio test</dt> 
 
    <dd>With Name + Date</dd> 
 
    <dt>Font</dt> 
 
    <dd>Arial </dd> 
 
</dl> 
 
<dl class="item-options"> 
 
    <dt>Radio test</dt> 
 
    <dd>With Name + Date + Time</dd> 
 
    <dt>Font</dt> 
 
    <dd>Comic Sans </dd> 
 
</dl>

我的問題是因爲所有存在名稱和我的JavaScript適用於所有。我怎樣才能讓JavaScript來精確搜索？

Answer 1

你可以使用jQuery的filter函數。 contains選擇器不會嘗試獲取完全匹配，但是，如名稱所示，包含所需文本的字符串。

jQuery(document).ready(function() { 
 
    if (jQuery('.item-options dd').filter(function() { 
 
    return jQuery(this).text() === "With Name"; 
 
    }).length > 0) 
 
    { 
 
    var parent = jQuery('.item-options dd:contains("With Name")').parent('dl'); 
 
    jQuery(parent).find('dt:contains("Font")').html('');  
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<dl class="item-options"> 
 
    <dt>Radio test</dt> 
 
    <dd>With Name </dd> 
 
    <dt>Font</dt> 
 
    <dd>no font selected </dd> 
 
</dl> 
 
<dl class="item-options"> 
 
    <dt>Radio test</dt> 
 
    <dd>With Name + Date</dd> 
 
    <dt>Font</dt> 
 
    <dd>Arial </dd> 
 
</dl> 
 
<dl class="item-options"> 
 
    <dt>Radio test</dt> 
 
    <dd>With Name + Date + Time</dd> 
 
    <dt>Font</dt> 
 
    <dd>Comic Sans </dd> 
 
</dl>

相貌醜陋，但工程。

Source

Answer 2

，如果你知道的HTML結構或移除任何你want.i希望這會幫助你。

$(document).ready(function() { 
if ($('.item-options dd:contains("With Name")').length > 0) 
    { 
    var parent = $('.item-options'); 
    var children = $('.item-options').find("dd"); 
    $(children).each(function(i,e){ 
    if(~$(e).text().indexOf("With Name + Date + Time")){ 
    $(e).nextAll().remove(); 
    } 
    else if(~$(e).text().indexOf("With Name + Date")){ 
    $(e).nextAll().remove(); 
    } 
    }); 

} 
}); 

https://jsfiddle.net/atg5m6ym/3270/