javascript - 如何在wordpress中定位当前页面并更改css？

Question

我已经尝试了下面的代码，但它不起作用......我在另一个项目中使用下面的代码并且它可以工作，但是当我在 wordpress 中使用代码时它不起作用...

jQuery(function ($) {
    var pathname = location.href;

    if (pathname === "http://wwww.findx.se/?page_id=10") {
        $('.xoxo').css({
            display: 'none'
        });
        $('div#footer').css({
            display: 'none'
        });
    }
    if (pathname === "http://www.findx.se/?page_id=9") {
        $('.xoxo').css({
            display: 'none'
        });
        $('div#footer').css({
            display: 'none'
        });
    }
    if (pathname === "http://www.findx.se/?page_id=8") {
        $('.xoxo').css({
            display: 'none'
        });
        $('div#footer').css({
            display: 'none'
        });
        $('#header').hide();
    }
});

Answer 1

一般来说，WordPress 会在 body 标签中添加一个类，允许您按页面进行选择。例如，对于您的第一条规则，您可以在 CSS 中执行

.page-id-10 .xoxo {
    display:none;
}

检查您想要更改的页面上的正文标记，以了解您可以使用哪些类。您还可以在 jQuery 选择中使用它