我有一个输入字段,用户可以在其中插入由逗号分隔的关键字.我想生成一个带有src的图像,该图像是该关键字,默认文件扩展名为.png.图像是根据预期的关键字命名的,因此这里不会创建图像文件.
所以,例如,一个列表:
[小狗,小猫,气球,饼干]
一旦键入了包含图像的关键字,就会在层次结构中的另一个位置弹出一个小图标.
我已经熟悉了jquery来做类似的技巧,但是这是逗号分隔的列表部分,我不确定如何解决.我可以获取输入字段的value属性,然后将图像的src设置为该值,作为变量.但是如何只捕捉逗号之间的内容是主要问题.(逗号后的空格无关紧要)
你可以做一个分割/修剪/地图:
var words = [];
jQuery.each(jQuery.trim(jQuery("#input").val()).split(","), function(index, value){ words.push(jQuery.trim(value));
});
这会给你一系列精心修剪的单词.