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;  } 

jsfiddle

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

Popular posts from this blog

python - Selenium remoteWebDriver (& SauceLabs) Firefox moseMoveTo action exception -

html - How to custom Bootstrap grid height? -

transpose - Maple isnt executing function but prints function term -