jQuery的删除除URL一切都在一个字符串

Question

我是新来的jQuery，因此我想在这个字符串，删除一切除URL（http://momio.me/temporary//assets/cat_9_2.png&quot）

<div class="game1-sprite noBounceEffect trans_on" style="left: 135px; top: 202px; background-size: 86px; background-image: url(&quot;filesystem:http://momio.me/temporary//assets/cat_9_2.png&quot;); background-repeat: no-repeat; background-position: 20% 90%;"> 
<div class="game1-door open"></div> 
<span class="whiteText"></span> 

Answer 1

你要首先使用jQuery选择DOM元素：

var el = jQuery('.game1-sprite'); 

接下来，使用.css()方法获得的background-image内容：

var bgImg = el.css('background-image'); 

现在，找到启动网址的位置：

var startPosition = bgImg.indexOf('http'); 
var url = bgImg.slice(startPosition, bgImg.length - 2); 

最后继续前进，并设置新值：

el.css('background-image', url); 

希望这有助于！

Answer 2

用正则表达式拉出URL ，将其分配给一个变量，然后加上.css()。

jQuery(document).ready(function($) { 

    function findURL(input) { 
     var urlRegex = /(https?:\/\/[^ ]*)/; 
     var urlFound = input.match(urlRegex)[1]; 
     return urlFound; 
    } 

    var bg = $('.game1-sprite').css('background-image'); 
    var url = findURL(bg); 

    $('.game1-sprite').css('background-image', url); 

});