Question

Howdi all，我正在使用PHP包括我的标题部分，我希望能够将我的徽标包含在主页的h1中，并将h4包含在其余页面中。我的主页的正文ID为“home”，其余页面也有自己的ID。有没有一种简单的方法来实现这个jQuery？提前谢谢。

Answer 1

似乎你应该在那些H1 / H4上使用一个类，但是如果必须的话，试试这个：

$('body#home h1').css("background-image","url('/path/to/large/image.png')");
$('body[id!='home'] h4').css("background-image","url('/path/to/small/image.png')");

但我建议做这样的事情：

<body id="home">
  <h1 class='logo'></h1>
</body>

<body id="another_page">
  <h4 class='logo'></h4>
</body>

CSS：

h1.logo { background-image: url('/path/to/large/image.png'); }
h4.logo { background-image: url('/path/to/small/image.png'); }

Answer 2

如果您的徽标元素具有ID #logo。

要封装在您的主页上，请使用普通的ID选择器，并在每个其他页面上使用“属性不等于选择器”：

$('body#home #logo').wrap('<h1>');
$('body[id!="home"] #logo').wrap('<h4>');

那就是说，生成你的页面的代码应该首先在页面中放置正确的标签！

jquery：h1表示body id =“home”，h4表示每个其他body ID

2 个答案: