Javascript 如何为菜单项添加背景色？

这是我的密码。这段代码我已经包含在php文件中，并将此文件调用到所有页面。那么，如何使用jquery或javascript为导航项提供背景色呢。如果我使用.addclass作为标记，页面将重新加载，并作为现有级别重新开始编写脚本。因此，请以不同的方式添加该问题。

欢迎使用so，请将您的代码添加到代码段中，以便有人很快解决了您的问题。非常不清楚您想问什么，以及您的实际问题是什么。“如果我使用.addclass作为标记，页面将重新加载，并作为现有级别重新开始编写脚本。”-你这是什么意思？请正确描述你的问题；如果你不确定该怎么做，就去阅读。

<div class="container">
        <div class="row">
            <div class="col-lg-3 col-md-3 col-sm-12 fl logo">
                <a href="#"><img src="images/main-logo.png" alt="logo" /> 
                </a>
            </div>
            <div class="mobile">
                    <a id="mobile-menu" href="#">
                        <div class="mob-bar"><span></span></div>
                    </a>
             </div>
            <div class="col-lg-8 col-md-8 col-sm-12 right-nav" id="right-nav">

                <ul>
                    <li>
                        <a href="index.php">HOME</a>
                    </li>
                    <li><a href="aboutus.php">ABOUT US</a></li>
                    <li><a href="service.php">SERVICES</a></li>
                    <li><a href="news.php">NEWS</a></li>
                    <li><a href="contactus.php">CONTACT US</a></li>
                </ul>
            </div>
            <div class="col-lg-1 col-md-1 fl right-3">
                <div class="fl search-icon">
                    <a href="http://www.1008jobs.com/search/normal" target="_blank"><i class="fa fa-search" aria-hidden="true"></i></a>
                </div>
                <div class="slideouticons">
                    <input id="togglebox" type="checkbox">
                    <label for="togglebox" class="mainlabel"><i class="fa fa-share-alt"></i></label>
                    <div class="iconswrapper">
                        <ul>
                        <li><a href="#"><i class="fa fa-facebook" title="Facebook"></i></a></li>
                        <li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
                        <li><a href="#"><i class="fa fa-google-plus" title="Google Plus"></i></a></li>
                        <li><a href="#"><i class="fa fa-pinterest-p" title="Pinterest"></i></a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

.right-nav ul li{
  background: #333;
}