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的特定行？

1 个答案: