jQuery.mobile.path.get()

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.

url
Examples:

Various uses of jQuery.mobile.path.get

<!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.4.5/jquery.mobile-1.4.5.min.css">
  <script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
  <script src="//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.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>
doc_jQuery
2016-03-28 15:04:48
Comments
Leave a Comment

Please login to continue.