Javascript Css-如何根据活动选项卡更改水印？

我有以下链接：

<ul id='menu' class='menuAP'>
  <li id='navAppPop' class='active'>
    <a>
        <img src='assets/images/applicant.png' class='navImg'  />
        Applicant
    </a>
  </li>
  <li id='navProvPop' class='provRight'>
    <a> 
        <img src='assets/images/Providers.png' class='navImg'  />
        Providers
    </a>
  </li>
</ul>

申请人


提供者

那么我有：

<div id='watermark'></div>

其中包含我的水印

---

当选择某个选项卡时，如何动态更改它？

您可以尝试以下方法：

$('#menu li').click(function() 
{
    $(this).siblings('li').removeClass('active');
    $(this).addClass('active');

    if ($('#navAppPop').hasClass('active')) 
    {
        $("#watermark").css('background-image', 'url(assets/images/appWatermark.png)');
    }
});

只需在单击功能中添加其他选项卡的代码即可

---

这样做的目的是更改哪个链接处于活动状态，并根据哪个链接具有活动类设置背景。

如果我收集正确，您希望通过单击“菜单”无序列表中的链接将水印更改为所选图像。对吗？对。每个选项卡都有一个不同的水印，在创建li链接时放置在水印div中clicked@Phillip-胡安·范德伯格给出了我心目中的回答。