jQuery比较Div内容并删除任何重复数据的内容

Question

是否可以比较2个div的内容，如果任何内容匹配，请从第二个实例中删除它？

在下面的示例中，我们会看到" 2018春季会议"已经出现在H2中，因此我们将其定位并从下面的列表项目中删除。

理想情况下，我们将获得"成员注册"，"非成员注册"one_answers"访客注册"。

<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');

});