Question

我有一个输入字段，用户可以在其中插入以逗号分隔的关键字。我想生成一个带有src的图像，该图像是该关键字，默认文件扩展名为.png。图像是根据预期的关键字命名的，因此这里不会创建图像文件。

因此，例如，列表：

[小狗，小猫，气球，饼干]

一旦键入了包含图像的关键字，该图层中的另一个位置会弹出一个小图标。

我已经熟悉了jquery来做类似的技巧，但是这是逗号分隔的列表部分，我不确定如何解决。我可以获取输入字段的value属性，然后将图像的src设置为该值，作为变量。但是如何只捕捉逗号之间的内容是主要问题。（逗号之后的空格无关紧要）

Answer 1

你可以做一个分割/修剪/地图：

var words = [];
jQuery.each(jQuery.trim(jQuery("#input").val()).split(","), function(index, value){ words.push(jQuery.trim(value));
});

这会给你一系列精心修剪的单词。