如何替换角色的所有实例

Question

I'm trying to implement lazy loading on images on an ASP.NET page. The problem is that my ASP.NET control generates the images like this:

<asp:Image ID="imagePath" class="lazy" height="100px"  data-original='<%#Utilities.GetImageUrl(DataBinder.Eval(Container, "DataItem.FullImagePath").ToString(), true)%>' src="http://placehold.it/100x100" runat="server" AlternateText='<%#DataBinder.Eval(Container, "DataItem.Name")%>' />

...and my data-original is rendered like "~/Content/Products/foo.jpg" and lazy loading fails because of the ~ character.

I really don't know how to program in C#, so I am relying on JS to remove each instance of the ~ character. How can I achieve this in js or jquery? I've tried:

$(".lazy").each(function(i){
    var url=$(this).attr("data-original");
    url.replace("~","");
    $(this).attr("data-original",url);

});

...with no luck. Please help.

Answer 1

try like this:

url=url.replace("~","");
$(this).attr("data-original",url);

if you want to remove 1st char ~

url = url.slice(1,url.length); 
$(this).attr("data-original",url);

Replace All Instances

  var re = new RegExp('~', 'g');
  url = url.replace(re, '');
  $(this).attr("data-original",url);