jQuery.mobile.path.get()

Categories: Methods > Path

jQuery.mobile.path.get( url )Returns: Boolean

Description: Utility method for determining the directory portion of an URL.

Utility method for determining the directory portion of an URL. If the URL has no trailing slash, the last component of the URL is considered to be a file. This function returns the directory portion of a given URL.

Example:

Various uses of jQuery.mobile.path.get

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
 
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>jQuery.mobile.path.get demo</title>
  <link rel="stylesheet" href="//code.jquery.com/mobile/1.5.0-alpha.1/jquery.mobile-1.5.0-alpha.1.min.css">
  <script src="//code.jquery.com/jquery-3.2.1.min.js"></script>
  <script src="//code.jquery.com/mobile/1.5.0-alpha.1/jquery.mobile-1.5.0-alpha.1.min.js"></script>
  <style>
  #myResult{
    border: 1px solid;
    border-color: #108040;
    padding: 10px;
    }
  </style>
</head>
<body>
 
  <div role="main" class="ui-content">
    <input type="button" value="http://foo.com/a/file.html" id="button1" class="myButton" data-inline="true">
    <input type="button" value="http://foo.com/a/" id="button2" class="myButton" data-inline="true">
    <input type="button" value="http://foo.com/a" id="button3" class="myButton" data-inline="true">
    <input type="button" value="//foo.com/a/file.html" id="button4" class="myButton" data-inline="true">
    <input type="button" value="/a/file.html" id="button5" class="myButton" data-inline="true">
    <input type="button" value="file.html" id="button6" class="myButton" data-inline="true">
    <input type="button" value="/file.html" id="button7" class="myButton" data-inline="true">
    <input type="button" value="?a=1&b=2" id="button8" class="myButton" data-inline="true">
    <input type="button" value="#foo" id="button9" class="myButton" data-inline="true">
    <div id="myResult">The result will be displayed here</div>
  </div>
 
<script>
$(document).ready(function() {
 
   $( ".myButton" ).on( "click", function() {
 
      var dirName = $.mobile.path.get( $( this ).attr( "value" ) );
 
    $( "#myResult" ).html( String( dirName ) );
 })
});
</script>
 
</body>
</html>

Demo: