javascript - Remove CSS class properties for Child List Items -
i've been trying create unordered list in html. css class attached "ul" element , child "li" elements. issue if "unordered list" becomes child element of parent unordered list.
i've created following sample show issue:-
javascript:-
$(function () { $('.marquee').marquee({ duration: 10000, duplicate: false, delaybeforestart:0, allowcss3support: true, gap: 600, }); }); html:-
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/jquery.marquee/1.3.1/jquery.marquee.min.js"></script> <ul class='marquee'> <li>1. longer text lorem ipsum dolor sit amet,<h3>consectetur adipiscing elit end</h3></li> <li>2. longer text lorem ipsum dolor sit amet, consectetur adipiscing elit end</li> <li>3. longer text lorem ipsum dolor sit amet, consectetur adipiscing elit end</li> <li>4. longer text lorem ipsum dolor sit amet, consectetur adipiscing elit end</li> <li><ul><li><b>i'm child unordered list element. don't want css</b></li></ul></li> </ul> css:-
body { margin: 10px; font-family:'lato', sans-serif; } .marquee { width: 100%; overflow: hidden; border:1px solid #ccc; background: black; color: rgb(202, 255, 195); } ul.marquee li { display: inline-block; padding: 10px 20px; } can 1 suggest how remove css class "marquee" child unordered list?
thanks in advance.
please share code in question. understood statement, can achieved using below code (replace '.xyz' actual class)
jquery("ul.xyz").find("ul.xyz").removeclass(".xyz");
Comments
Post a Comment