javascript - Jquery CSS-嵌套 4层深度调用父级

Question

好吧，我正在设计一个动态菜单，所以我不能只分配类名，甚至不能只用 html 代码。

这是我正在处理的:我需要像这样对每个 parent 进行风格化:

    <div class="menu">
    <ul>
     <li>
    Level 1
    <ul>
      <li>Level 2</li>
       <li>Level 2
           <ul>
           <li>Level 3</li>
           <li>Level 3</li>
           <li>Level 3
            <ul>
             <li>Level 4</li>
             <li>Level 4</li>
             <li>Level 4</li>
             <li>Level 4</li> 
            </ul>
           </li>
           </ul>
       </li>
        <li>Level 2</li>
         <li>Level 2</li>
    </ul>      
 </li>
</ul> 
</div>

然后我需要用 jquery 改变所有的 parent ，比如:

jQuery('.menu').find('li.parent').prepend('<i class="icon-plus"></i>');

我需要用子菜单更改所有父菜单。我怎么做？提前致谢

Answer 1

如果我正确理解您的问题，这应该可以完成工作:

jQuery('.menu li > ul').parent().prepend('<i class="icon-plus"></i>');

http://jsfiddle.net/Zgaj3/