js遍歷圖片的url和linkUrl拼接連結
阿新 • • 發佈:2018-12-09
dealPictureInfo: function(json) { $.each(json.data, function(i, item) { // “\”為轉義字元, /g代表全域性匹配 var reg = /http:\/\/public-api.nj.pla.xxx.org/g; // 將url中的http://public-api.nj.pla.xxx.org 替換為https://m.xxx.com var imageUrl = item.url.replace(reg, "https://m.xxx.com"); //字串轉陣列,轉換採用(?!/—)分割 var temp = imageUrl.split(/\/(?!\/)/); // //(?!/)/ //把最後一個元素去掉字尾 temp[temp.length - 1] = temp[temp.length - 1].replace( "_w800_h400_c1_t0.", "."); //吧temp陣列拼裝成字串,alt代表圖片不存在時顯示的數字描述,並在圖片上新增點選監控, imgLi = $('<a><img src="' + temp.join("/") + '" alt="" /></a>').click(function() { if (item.linkUrl) { //item.linkUrl中匹配的到“http”,返回源資料,配置不到,返回null, item.linkUrl.match("http") ? null : (item.linkUrl = "https://" + item.linkUrl); //開啟新視窗 window.open(item.linkUrl); } else { return false; } }); //在#sildy後追加圖片 $("#slidy").append(imgLi); }); },