javascript - 使用 jQuery 从分隔列表中删除元素

Question

给定一个由逗号分隔的元素列表，如何使用 jQuery 或 JS 以通用方式删除一个元素和相关分隔符？

示例:

<div id="parent"><span name="one">one</span>,<span name="two">two</span>,
<span name="three">three</span>,<span name="four">four</span></div>

$("#parent").takeout("two") 的结果将是:

<div id="parent"><span name="one">one</span>,
<span name="three">three</span>,<span name="four">four</span></div>

现在，$("#parent").takeout("one")的结果将是:

<div id="parent"><span name="three">three</span>,<span name="four">four</span></div>

并且，$("#parent").takeout("four")的结果将是:

<div id="parent"><span name="three">three</span></div>

我想要一些通用的东西，可以与任意数量的元素一起使用。

反向表示法(以跨度名称开头)也可以使用。

Answer 1

var name = 'one';
var $el = $('#parent > span[name="'+name+'"]')[0];
if($el.nextSibling !== null){
    $el.nextSibling.remove();
} else {
    if($el.previousSibling !== null)
        $el.previousSibling.remove();
}
$el.remove();

这个有用吗？