jquery - 在 wordpress post [jQuery] 中设置动态 css 背景图片

Question

我有一个基于 wordpress 的网站，我想更改每个帖子的标题图片。由于每个帖子都有自己的“id”，我想制作一个 jquery 函数来读取帖子“id”(例如 id="post-8")并设置一个以相同方式命名的背景图片，所以我只是每次我写新帖子时都必须制作一张新图片并上传，并且不需要更改 css。

我对jquery一无所知，但在我兄弟的帮助下我得到了以下代码:

var txt1 = "post-";
        for (var i=0; i<1000; i++){
        var elementId = txt1.concat(i);
        var postimg1 = "url(../images/";
        var postimg2 = ".jpg)";
        var postimgfull = postimg1 + elementId + postimg2;
        var element =  $("#" + elementId);
        if (element != null) {
            $(".posthead").css('background-image', postimgfull);
        }else {
            break;
        }

但是使用它我没有得到名为“post-8.jpg”的图像，我得到的是名为“post-999.jpg”的图像。

你能帮我吗？

谢谢你们!

Answer 1

我猜你的代码一切正常，除了应该有

element.css('background-image', postimgfull);

代替

$(".posthead").css('background-image', postimgfull);

一切顺利。