javascript - 如何删除 JScrollPane 的特定行？

Question

我正在使用JScrollPane我想做的是从面板中删除特定行。实际上，在文档中我没有发现任何相关内容。举个例子:

JScrollPane 数据结构

<div id="services_added">
    <div class="services_added-row" data-id="1">
          <strong>Taglio capelli</strong>
          <br>Durata: 20 - Prezzo: 50.00 €<br>
    </div>
    <hr>
    <div class="services_added-row" data-id="2">
          <strong>Colore capelli</strong>
          <br>Durata: 50 - Prezzo: 30.00 €<br>
    </div>
    <hr>
</div>

如何删除 data-id=2？实际上我拦截了这样点击的行:

$(document).on('click', '.services_added-row', function()
{
     var serviceId = $(this).attr('data-id');
});

此外，我也想删除该行之前的 hr 标记。

Answer 1

如果我理解正确的话，您想删除刚刚单击的 div 。正确的？如果是这样:

$(document).on('click', '.services_added-row', function() {
 $(this).remove();
});

更新

如果您想删除预览hr标签，您可以这样做:

$(document).on('click', '.services_added-row', function() {
 var elem = $(this);
 elem.prev().remove();
 elem.remove();
});

(有很多选项可以做到这一点，但这种方式是最容易理解的)