Change the file path names of HTML elements using jquery

Question

I have a HTML page .In my head section i have below code

    <link href="/Content/css/Stylesheet1.css" rel="stylesheet" type="text/css">
    <link href="/Content/css/jquery.datepick.css" rel="stylesheet" type="text/css">
    <script src="/Scripts/jquery-1.5.1.min.js" type="text/javascript"></script>
    <script src="/Scripts/jquery/jquery.datepick.js" type="text/javascript"></script>
    <script src="/Scripts/jquery/Script.js" type="text/javascript"></script>

How do I change the file path names of the above HTML elements to the below one using jquery dynamically

<link href="http://localhost:9090/Content/css/Stylesheet1.css" rel="stylesheet" type="text/css">
<link href="http://localhost:9090/Content/css/jquery.datepick.css" rel="stylesheet" type="text/css">
<script src="http://localhost:9090/Scripts/jquery-1.5.1.min.js" type="text/javascript"></script>
<script src="http://localhost:9090/Scripts/jquery/jquery.datepick.js" type="text/javascript"></script>
<script src="http://localhost:9090/Scripts/jquery/Script.js" type="text/javascript"></script

Why do you want to change the path of it through Javascript ? You can use relative path instead. — Sariq Shaikh
– Sariq Shaikh, Commented Dec 23, 2014 at 8:37
@ShaikhMohammedShariq He asks for a chair , you answer for a banana. what if he wants to send this html file to someone in other domain ??? — Royi Namir
– Royi Namir, Commented Dec 23, 2014 at 8:38
@RoyiNamir its because he might need a banana instead of a chair. We need to first understand the root problem. — Sariq Shaikh
– Sariq Shaikh, Commented Dec 23, 2014 at 8:40
yes i am trying to take a HTML page using cross domain concept — Sunil George
– Sunil George, Commented Dec 23, 2014 at 8:40
@SunilGeorge I guess you do need a chair. ( as you asked for). — Royi Namir
– Royi Namir, Commented Dec 23, 2014 at 8:40

Barmar · Accepted Answer · 2014-12-23 08:51:47Z

4

$("link[href^='/Content/css']").attr('href', function(i, oldhref) {
    return 'http://localhost:9090' + oldhref;
});
$("script[src^='/Scripts']").attr('src', function(i, oldsrc) {
    return 'http://localhost:9090' + oldsrc;
});

edited Dec 23, 2014 at 8:51

answered Dec 23, 2014 at 8:42

Barmar

789k57 gold badges555 silver badges669 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Sariq Shaikh Over a year ago

This should do the work for you. Here is the documentation link for the answer provided by @Barmar. api.jquery.com/attribute-starts-with-selector Starts with Selector is the perfect option.

Sunil George Over a year ago

i tried the code got an error in console"Uncaught Error: Syntax error, unrecognized expression: link[href^=/Content/css]"

Barmar Over a year ago

It needed some extra quoting because of the / characters. Try it now.

Collectives™ on Stack Overflow

Change the file path names of HTML elements using jquery

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related