jQuery比較Div內容並刪除任何重複的數據

Question

是否可以比較2個div的內容以及是否有任何內容匹配，將它從第二個實例中刪除？

在下面的例子中，我們將看到「2018春季會議」已經出現在h2中，因此我們會將它定位並從下面的列表項中移除它。

理想情況下，我們會留下「會員註冊」，「非會員註冊」和「訪客註冊」。

<h2>2018 Spring Conference and Registration</h2> 
<ul class="prod-options-list"> 
<li> 
    <h4><a href="#">2018 Spring Conference Member Registration</a></h4> 
</li> 
<li> 
    <h4><a href="#">2018 Spring Conference Non-Member Registration</a></h4> 
</li> 
<li> 
    <h4><a href="#">2018 Spring Conference Guest Registration</a></h4> 
</li> 
</ul> 

Answer 1

在這裏你去，使用jQuery（fiddle）

var h2text = $('h2').text().split(' '); 

$('a').each(function() { 
    var t = $(this).text(); 

    h2text.forEach(function (e) { 
     t = t.replace(e, ""); 
    }); 

    $(this).text(t); // this removes any match of repeated words 

    // if you need to put "Registration", then use this line instead of the above: 
    $(this).text(t + 'Registration'); 


});