2016-11-17 78 views
0

你好我想從使用jQuery的圖像的src屬性中刪除一些文本。使用jQuery從「src」屬性中刪除一些文本

我需要使用jQuery,因爲我使用wordpress,wordpress會自動將150x150插入到img標籤中。

這裏是我的HTML:

<img src="http://localhost:8888/wp-content/uploads/2016/11/blog_2-150x150.jpg"> 

我想用一些jQuery來從SRC刪除 「-150x150」。所以它看起來像這樣:

<img src="http://localhost:8888/wp-content/uploads/2016/11/blog_2.jpg"> 

這可能嗎?

謝謝!

+0

你的''有一個ID或任何其他手段的唯一標識? – Timo

+0

是的選擇它我將使用'#rpwwt-recent-posts-widget-with-thumbnails-2 img' –

回答

2

試試這個:

$('#img').attr('src',$('#img').attr('src').replace('-150x150', '')) 

id是在例如「#img」,但你可以改變它爲你的情況

+0

謝謝!這似乎是答案 –

1

更換你想要一個空字符串,除去部分和更新圖片的src

var element = document.querySelector('#rpwwt-recent-posts-widget-with-thumbnails-2 img'); 
element.src = element.src.replace('-150x150', ''); 
+0

謝謝你的回答,我試過這個,它的工作原理。但我有這個問題的多個圖像和一些原因此代碼只針對其中一個圖像。你知道爲什麼以及如何使用選擇器'#rpwwt-recent-posts-widget-with-thumbnails-2 img'來定位所有圖像嗎? –

+0

我能夠通過執行該代碼的三個實例來得到它的工作。 我在我的選擇器中使用了'(#rpwwt-recent-posts-widget-with-thumbnails-2 li:nth-​​child(1)img'),並更改了每個實例的第n個子編號。 有沒有更好的方法來做到這一點? –