如何删除项目删除中的“,”?

雷尼埃

我有以下代码:

<ul class="ul" id="selected_conditions">
  <li data-field="asset_locations_name" data-condition="in">
    <i class="fa fa-minus-circle delete_condition" aria-hidden="true" title="Click to remove this condition from the list"></i> WHERE asset_locations_name IN(
    <span class="condition_item" data-id="1213381233">
    <i class="fa fa-minus-circle delete" title="Click to remove this item from the list" aria-hidden="true"></i> 1213381233
    </span>,
    <span class="condition_item" data-id="1212371897">
    <i class="fa fa-minus-circle delete" title="Click to remove this item from the list" aria-hidden="true"></i> 1212371897
    </span> )
  </li>
</ul>

每次单击小图标时.delete,都应删除当前值,并可以通过以下代码实现:

$(function() {
  $('#selected_conditions').on('click', '.delete', function(ev) {
    var item_id = $(this).parent().data('id');
    $('.condition_item[data-id="'+ item_id +'"]').remove();
  });
});

但是上面的代码有两个问题:如果我删除任何项目,该符号,也不会被删除,这是错误的,因为第二个我没有空()字符串,所以:

  • 如何删除,,这样我就不会出现像(,1213381233)or这样的错误字符串(1213381233,)

有什么帮助吗?我给你提琴了。这是一个WIP,因此,如果您有建议或更好的解决方案,请随时将其添加到您的答案中。

开拓者

不用对逗号进行硬编码,而是:before仅在一行中有多个项时才使用CSS添加逗号。

.condition_item+.condition_item:before {
  content: ", "
}

https://jsfiddle.net/8184ok2e/2/

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何从“选择”中删除项目?

来自分类Dev

如何从HTMLCollection中删除项目?

来自分类Dev

如何从字典中删除项目

来自分类Dev

如何删除列表中的项目?

来自分类Dev

如何从数组中删除项目

来自分类Dev

如何从片段中删除项目

来自分类Dev

如何使用React中的删除按钮从列表中删除项目?

来自分类Dev

如何从protobuf中的UnmodifiableList中删除项目

来自分类Dev

如何从 FlatList 中的存储中删除项目?

来自分类Dev

如何获得删除按钮以删除listView中的项目?

来自分类Dev

如何获得删除按钮以删除listView中的项目?

来自分类Dev

如何在Rhythmbox中删除/删除共享项目-DAAP分享

来自分类Dev

如何延迟从RecyclerView中删除项目

来自分类Dev

如何从viewpager和pageradapter中删除项目

来自分类Dev

如何删除数组中的项目?

来自分类Dev

如何从排除的更改中删除项目

来自分类Dev

如何从redis geohash中删除项目?

来自分类Dev

如何从Coverity-Scan中删除项目

来自分类Dev

如何使用Java在DynamoDB中删除项目?

来自分类常见问题

如何在PyCharm中删除项目?

来自分类Dev

如何同时删除列表中的多个项目

来自分类Dev

如何从列表中删除所有项目?

来自分类Dev

如何在ListView中添加/删除项目?

来自分类Dev

如何在Qt Creator中删除项目?

来自分类Dev

如何使用jQuery从列表中删除项目?

来自分类Dev

如何从温泉列表中删除项目?

来自分类Dev

如何从范围AngularJS中删除项目

来自分类Dev

如何删除localStorage中的特定项目/对象?

来自分类Dev

如何删除列表中的项目及其信息?