javascript – 关于阵列/正则表达式的问题

var icons = $(".IT_Icon").text().trim().split(",");

在上面,元素的文本部分(逗号之间)被分解并存储在数组中.如果我想对源列表中的项目进行换行或追加或执行任何操作,我该怎么做？

例如：

之前：

[cat, dog, mouse, elephant, lion, bird]

后：

<img src="cat"/>, <img src="dog"/>, <img src="mouse"/>, <img src="elephant"/>, <img src="lion"/>, <img src="bird"/>

第二个想法,我不能只有一个正则表达式找到列表的“部分”,逗号之间有什么,并用我需要的东西补充它？无论是包装还是替换？

回答

这就是我最终得到的结果：

$(".IT_badge").each(function () {
    var badges = $(this).text().trim().split(",");

$(this).html("");

    for (i = 0; badges.length > i; i++) {
        $(this).append($("<img/>").attr("src", 'IT_Badges/' + badges[i] + '.png'));

        if (!(badges.length === i+1)) {
            $(this).append(", ");           
        }
    }


});

解决方法:

我最喜欢这样做的方法很简单：

str = '<img src="' + ary.join('"/><img src="') + '"/>';

这将为您提供一串图像标签.如果你想在jQuery中做到这一点,比如：

(".IT_Icon").each(function(){
    var $this = $(this);
    $this.html('<img src="' + $this.text() + '"/>');
});

你想要一个字符串吗？修改HTML？