2016-11-17 79 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个子编号。 有没有更好的方法来做到这一点? –