列表项目样式|动态添加|更新样式

Question

我有一个ul元素，我需要动态添加列表项。 UL元素有类名res。我不想将类添加到列表项。无论如何动态添加列表项而不会丢失样式 ..！

<ul class="res">
    <li><a href="index.html" class="active">Home</a></li>
    <li><a href="about.html" target="_parent">About</a></li>
    <li><a href="services.html">Services</a></li>
    <li><a href="gallery.html">Gallery</a></li>
    <li><a href="shortcords.html">Short Codes</a></li>
    <li><a href="contact.html">Contact</a></li>
    <li><a id="login" href="login.html">login</a></li>
    <li><a id="logout">Hello Guest<span class="arrorow">&#9660;</span></a>
        <ul class="sub-menu">
            <li><a href="#">View Profile</a></li>
            <li><a href="#">Booking History</a></li>
            <li><a href="#"  onclick="logout()">Logout</a></li>
        </ul>
    </li>
</ul>

编辑1： 我在这附上了一张照片......请仔细看看。

我动态地添加了那些带圆圈的那些。请检查那个造型......！

Answer 1

您可以使用ELEMENT NAME设置样式，而无需为每个元素添加类。

例如：

ul.res li {
    color: red;
}

以上代码会将红色应用于li内ul个res个元素。

Answer 2

使用

$('.res').append('<li><a href="/location">Location</a></li>')

这解决了问题......！