从图片网址中删除自动尺寸值

Question

我想从此图片网址的末尾删除 -960x330 部分，我尝试使用此jQuery：

jQuery("#the-team").each(function(){
    var img_url = jQuery(this).find("#the-team img").attr("src");
    var main_url = img_url.split('-960x330');
    var exact_url = main_url[0] + main_url[1]; 
    jQuery(this).find("#the-team img").attr("src" , exact_url );
});

如果有人无法查看图片，请输入html。

<img alt="" width="960" height="330" src="http://phpyouth.com/clients/LawPoint/wp-content/uploads/2013/09/Team-lawpoint-960x330.jpg">

Answer 1

jQuery(this).find("#the-team img") - 表示在#the-team img内搜索#the-team 您只需要jQuery(this).find("img")：

jQuery("#the-team").each(function(){
  var img_url = jQuery(this).find("img").attr("src");
  var main_url = img_url.split('-960x330');
  var exact_url = main_url[0] + main_url[1]; 
  jQuery(this).find("img").attr("src" , exact_url );
});

编辑：有点短：

jQuery("#the-team").each(function() {
  var img = jQuery(this).find("img");
  img.attr("src", img.attr("src").replace("-960x330", ""));
});

FYI ：与此问题无关，但值得一提。这一行

jQuery("#the-team").each(function(){

表示您的网页上有多个元素具有相同的 id ，这是不正确的。元素 id -s应该是唯一的。如果您需要它们进行样式设置，那么class就是您想要使用的东西。