Remove full URL from Image path jquery

To get the path of the image element, assuming that the selector $('img', this) returns the correct element, you could avoid regular expressions because, honestly, it avoids the problems that come with edge-cases in regular expressions, and simply use a created-<a> element, and its attendant properties:

var a = document.createElement('a'),
    images = document.images;

Array.prototype.forEach.call(images, function (img) {
    a.href = img.src;
    console.log(a.pathname);
});

JS Fiddle demo.

Or, to use a function:

function retrievePathName (img) {
    var a = document.createElement('a');
    a.href = img.src;
    return a.pathname;
}

var images = document.images;

Array.prototype.forEach.call(images, function (imgNode) {
    console.log(retrievePathName(imgNode));
});

JS Fiddle demo.

To use with the jQuery approach, you could:

var path = retrievePathName($('img', this).get(0));

Or:

var paths = $('img', this).map(function () {
    return retrievePathName(this);
}).get(); // returns an array of relative paths to the 'paths' variable

References:

• JavaScript:
  • Array.prototype.forEach().
  • document.createElement().
  • document.images.
  • Function.prototype.call().
• jQuery:
  • get().
  • map().