jQuery 从空格分隔的数据属性中删除项目

Question

鉴于此标记：

<a data-foo="bar baz">Hello</a>

是否可以删除baz 但保留bar，理想情况下不删除两者然后添加回bar。

jQuery removeData 方法似乎删除了指定的数据属性或所有数据属性。

Answer 1

你可以的

 $('a').data('foo', $('a').data('foo').split(' ')[0])

Answer 2

我不确定这是否是您要查找的内容，但这可能会有所帮助

1. 首先获取 data-foo 的值

   var foo = $('a').data('foo')

2. 将foo 字符串拆分为一个数组

   var foos = []

   foos = foo.split(" ")

3. 选择要保留的项目（或删除要删除的项目）

   var index = foos.indexOf("baz")

   foos.splice(index,1)

4. 把字符串和左边的 foo 放在一起

   var foo = foos.join(" ")

5. 将 data-foo 设置为新过滤的数据

   $('a').data('foo',foo)

Answer 3

假设数据是一个空格分隔的字符串：

var data = $("a").data("foo");
data = (" " + data + " ").replace(" baz ", " ").replace(/^ | $/g, "");
$("a").data("foo", data);

这应该适用于foo baz、baz foo、foo baz bar 等。