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

使用正则表达式拉出网址，将其分配给变量，然后使用.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);

});