jQuery Divの内容を比較して重複したデータを削除する

Question

2つのdivの内容を比較できますか？一致するコンテンツがあれば、2番目のインスタンスから削除しますか？

次の例では、「2018 Spring Conference」がすでに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

ここでは、それは同じだ場合は、それを削除して、前進、以前に比べ、PROD - オプションリストの下に各H4の.eachを行い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'); 


});