鍍金池/ 問答/Java  HTML/ JQ怎么截取JS字符串里面的img的src并且添加個參數(shù)

JQ怎么截取JS字符串里面的img的src并且添加個參數(shù)

比如這么一段JS字符串

<img src="5.jpg"></p><p>但孩子卻覺得被剝奪了應(yīng)得的寵愛，對二胎存在強(qiáng)烈著的抵抗心理，有些孩子甚至做出了絕食抗議的極端行為——如何讓大寶接受二胎，成了父母不得不解決的問題。</p><p>根據(jù)美國兒科學(xué)會（AAP）建議，兩個孩子年齡的差異控制在5歲之內(nèi)比較合適。所以他們針對不同的年齡差異，給出了以下具體建議。</p><p><b>一、1~2歲</b></p><p><img src="4.jpg"></p><p>1、這個年齡的孩子還不能完全get到父母準(zhǔn)備要二孩的信息，但是還是建議父母應(yīng)該適當(dāng)?shù)卣務(wù)撔碌暮⒆?，讓他感受到爸媽的愿望。此外，家長還可以通過圖畫書來教育，告訴有一個新的兄弟姐妹即將到來。</p><p>2、在這個年齡的孩子，依舊需要父母大量的時間和精力來照顧，當(dāng)新寶寶到來時，也需要準(zhǔn)備一些獨(dú)處的時間或策劃一個特別的活動讓大孩子感受到父母的愛。</p><p><b>二、2~4歲</b></p><p style="text-align: center; "><img src="3.jpg"></p><p>這個年紀(jì)的孩子大多數(shù)都很可能無法與任何人分享父母，生二胎可能會讓他們感覺受到了威脅。為了緩解這些感覺，美國兒科學(xué)會建議：</p><p>1、等到懷孕后期，母親的肚子很明顯時再告訴他們關(guān)于新寶寶到來的消息；</p><p>2、通過圖畫書讓他們認(rèn)知新的兄弟姐妹，告訴他們可愛的新生兒也會挑剔，并且需要等一段時間才能和新兄弟姐妹玩；</p><p>3、讓孩子知道TA得到的愛不會比任何時期更少；</p><p>4、鼓勵大寶幫助計(jì)劃和購買新的嬰兒玩具；</p><p>5、計(jì)劃新生兒到來的重大變化，如提前教會大孩如廁等常規(guī)訓(xùn)練；</p><p>6、預(yù)期挫折，&nbsp;學(xué)齡前兒童或者為此消息而故意搗亂，&nbsp;這是正常的。請&nbsp;給他們的“長大行為”額外的關(guān)注和贊美。</p><p><b>三、5歲及其以上</b></p><p style="text-align: center; "><img src="2.jpg"></p><p>5歲時，孩子們通常不會因一個新寶貝來臨感受到威脅，但是他們可能討厭給新生兒的額外關(guān)注。為此，美國兒科學(xué)會提供這些建議：</p><p>1、用他們能夠理解的語言解釋正在發(fā)生的事情；</p><p>2、讓他們幫做生產(chǎn)二胎的準(zhǔn)備，比如幫助挑選玩具和衣服、布置嬰兒房等；</p><p>3、時刻提醒大寶父母對他獨(dú)一無二的愛，哪怕年齡差異9歲甚至更多（只要孩子還沒真正獨(dú)立），也不能忽視大寶的感受，并理所當(dāng)然地減少對大寶的關(guān)注。</p><p style="text-align: center; "><img src="1.jpg"></p><p></p><p>想要大寶接受二胎需要的是父母給予的安全感，不要讓TA產(chǎn)生失去的感覺，特別是對孩子來說最重要的父母的愛。如果用了這些方法，大寶卻仍然對二胎有著強(qiáng)烈排斥，父母可以向?qū)I(yè)的兒童心理學(xué)家求助，針對大寶的個人狀況作出具體建議。</p><p><br></p>

我想提取到里面的所有img的src，并且給他在jpg后面添加上一段參數(shù)，比如?x-oss-process=image/resize,h_500

如果不用正則的話有什么其他方法可以做嗎？

回答
編輯回答
來守候

不用正則只好字符串遍歷咯。多問一句，用正則很方便，為什么不讓用？

2017年9月28日 07:34
編輯回答
悶油瓶

不用正則就丑陋一點(diǎn)了

var jsStr = '略';

var size = "?x-oss-process=image/resize,h_500";
var result = jsStr;
while(result.indexOf('.jpg"') > -1 || result.indexOf('.png"') >-1) {
    result = result.replace('.jpg"', '.jpg' + size + '"').replace('.png"', '.png' + size + '"');
}
console.log(result);
2017年5月23日 20:35
編輯回答
青裙

換個思路：

var size = "?x-oss-process=image/resize,h_500";
dom.html(str);
$.each('$(dom).find(img)',function(item,i){
    $(item).attr('src',$(item).attr('src')+size);
})
2017年9月29日 17:33