Javascript 以html元素为目标，但仅在指定页面上

我正在使用一个商店CMS，它允许我为所有产品类别应用一个侧菜单，让我们称它们为项链和戒指，CMS还可以在全局范围内向侧菜单添加“新”和“促销”，但是我不能指定这些“新”和“促销”的位置。例如，我希望它们显示在戒指类别中，但不显示在项链中

这是一个网站是如何制作的草图：

   <div class="menu" id="side_menu">
  <ul class="standard">
     <li id="category_newstuff"><a href="/pl/c/Bizuteria/13" title="New">New</a></li>
     <li id="category_14"><a href="/pl/c/Collection/14" title="Collection1">Collection1</a>
     <li id="category_14"><a href="/pl/c/Collection/14" title="Collection2">Collection2</a>
     <li id="category_14"><a href="/pl/c/Collection/14" title="Collection3">Collection3</a>
     <li id="category_14"><a href="/pl/c/Collection/14" title="Collection4">Collection4</a>
     <li id="category_promotions"><a href="/pl/promotions" title="Promotions" class="promo">Promotions</a></li> 
</div>

我想要达到的目标：

如果页面为：rings.html，则查找“li id=“category\u newstuff”并应用“style=“display”none”>

---

如果这都是胡言乱语，我很抱歉。只需在body标签上添加一个类即可。例如，您要将样式应用到的页面将具有

，并且在css文件中，您只需使用style.category\u newstuff{display:none；}编写，或者只是通过JS查找.with style.category\u newstuff并将其隐藏。

在询问之前您做了哪些尝试？：）很遗憾，我没有任何特定页面的html。它都是由tpl文件制作的，只是从这些文件加载整个页面。