如何删除特定行的 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();
});

（有很多选项可以做到这一点，但这种方式最容易理解）

如何删除特定行的 JScrollPane？

How to remove a specific row of JScrollPane?

html

javascript

jquery

jscrollpane