Question

我有以下代码

    <span style="background-image:url('/product_images/attribute_value_images/78.thumbnail.jpg')" class="thumbnail">&nbsp;</span>

我需要更改单词缩略图以进行预览，有可能使用jquery吗？

到目前为止，我有这个：

    $("li.swatch span.thumbnail").each(function(){
    $(this).css("background-image").replace(/thumbnail/ig, "preview")
    ;
    });

它似乎正在工作（如果我警告（）我得到正确的价值）但是没有在页面中改变..任何想法，我可以查找？ thx提前

Answer 1

仅使用.css(propertyName) 获取 propertyName 的css规则值。

因此，在您的代码中，您正在获取css，替换其内容，但之后不会更新css规则。

在获取/修改css规则后使用其他重载.css(propertyName, value)来更新规则：

$("li.swatch span.thumbnail").each(function() {

    var $this = $(this),
        // get the css rule and changing it
        css = $this.css("background-image").replace(/thumbnail/ig, "preview");

    // update the css rule
    $this.css('background-image', css );

});

.css（）上的

Documentation。

更改css属性的1个单词

1 个答案: