如何从 jsrender 模板中的每个项目中删除重复项？

Question

我正在尝试从 jsrender 中的每个 div 中删除重复文件，但无法正确执行，因为所有重复项都被删除了。

$('.media-holder').each(function () {
  $('.media-item').each(function () {
    $('.media-item:contains("' + $(this).text() + `enter code here`'"):gt(0)').remove();
  });
});

当前输出：

**Files part 1**
abc file
def file
abc file
**Files part 2**
abc file
def file
abc file
def file
ghi file

期望输出：

**Files part 1**
abc file
def file
**Files part 2**
abc file
def file
ghi file

Answer 1

将media-holder用作selector context

$('.media-holder').each(function(i, holder) {
  $('.media-item').each(function() {
    $('.media-item:contains("' + $(this).text() + '"):gt(0)', holder).remove();
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="media-holder">
  <div class="media-item">abc file</div>
  <div class="media-item">def file</div>
  <div class="media-item">abc file</div>
</div>
<br/>
<div class="media-holder">
  <div class="media-item">abc file</div>
  <div class="media-item">def file</div>
  <div class="media-item">abc file</div>
  <div class="media-item">def file</div>
  <div class="media-item">ghi file</div>
</div>

如何从 jsrender 模板中的每个项目中删除重复项？

How can I remove duplicates from each item in jsrender template?

javascript

jquery

duplicates

jsrender