组件缩略图名称、图片路径自动生成

先放上代码

var OrderNum = { 
    init: function() {
        var oLi = $('.show_content>li')
        for(var i = 0; i < oLi.length; i++) {
            var src = $(oLi[i]).attr('_src')
            if(src) {
                var arr = src.split('/');
//              console.log(arr)
                var str = arr[arr.length - 1]
//              console.log(str)
                var orderNum = str.slice(0, str.indexOf("."))
//              console.log(orderNum)
                $(oLi[i]).html('<img src="images/' + orderNum + '.jpg"><h2>' + orderNum + '</h2><span class="Y-N"></span>')
            }
        }
    }
};
OrderNum.init();

定义一个orderNum的类{

在这个类中定义一个init函数：{

定义一个变量oLi表示我们要获取的源位置$('.show_content>li')

定义一个循环来获取所有（用oLi.length表示所有）的位置{

这里放上<li>的内容<li _src="data/pc/hot/mould/QiYe_Mould/EOPAb001.html"></li>

定义变量src依次获取li的_src属性值$(oLi[i]).attr('_src')，获取到的结果是data/pc/hot/mould/QiYe_Mould/EOPAb001.html

如果获取到的话将会继续执行{

对src使用split()方法，从/分隔字符串，存储进一个数组，定义这个数组为arr

获取最后一个数组元素定义为str，此时的值为EOPAb001.html

我们真正要用的是EOPAb001，所以使用slice()方法，获取从第0位到字符'.'的位置（用str.indexOf(".")方法获取）的字符slice(0, str.indexOf("."))就是EOPAb001，定义为变量orderNum

最后一步就是给<li>中添加相应的html代码使用$(oLi[i]).html方法}}}}

最后的最后调用这个函数OrderNum.init();

---

这里主要是想说明split()和slice()两个方法

---

与slice()方法类似的方法是substr()

str.slice(beginSlice[, endSlice])
str.substr(start[, length])

附：
JavaScript标准库
slice
sbustr