Css Url Ayrıştırma

 <!DOCTYPE html>
<html>
<head>
 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
 <style type="text/css">
 div{
 background-color:#eee;
 padding:5px;
 }
 span{
 background-color:#4fc81f;
 display:block;
 padding:5px;
 }
 </style>
 <title></title>
</head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<body>
 <span class="result1"></span>
 <span class="result2"></span>
 <div id="test1">background-image: url(../images/background.png)</div>
 <div id="test2">background-image: url('../images/background.png')</div>
 <div id="test3">background-image: url("/assets/images/loginlogo.png")</div>
 <div id="test4">background-image: url(/assets/images/loginlogo.png)</div>
 <div id="test4">background-image: url(assets/images/loginlogo.png)</div>
 
 <script type="text/javascript">
 var al= $( "#test3" ).text();
 var url=/url\((.*?)\)/.exec(al);
 purl=url[1].replace('"','').replace("'","").replace('"',"").replace("'","");
$( ".result1" ).html(url[0]);
$( ".result2" ).html(purl);
 </script>
</body>
</html>

 

Sizin Değerli Görüşlerinize İhtiyacımız Var.