0

我在找出嵌套无序列表的特定选择器时遇到问题。

我试图在所有 li 后面加上 ul

我是 jquery 的新手，非常感谢您的帮助。

我试过这个，这可能是完全错误的，因为我正在寻找任何一个 href 标签。

$("#sidebar ul").each(function()
{
if($(this).has("ul li").next('ul').length)
{
$(this).find('a').before("<span class='my_span'></span>");
}
})

预期输出http://jsfiddle.net/7JdEh/ 将 span(class "needed") 添加到任何 li 后跟 ul

这是降价。

    <div id="sidebar">
  <ul>
  <li id="pagenav">
     <h2>Pages</h2>
     <ul>
        <li class="page_item">
           <a href="http://www.examplesite.com/wordpress/?page_id=2"
              title="About Us">About Us</a>
        </li>
        <li class="page_item">
           <a href="http://www.examplesite.com/wordpress/?page_id=4"
              title="Contact">Contact</a>
        </li>
        <li class="page_item">
           <a href="http://www.examplesite.com/wordpress/?page_id=8"
              title="Site Map">Site Map</a>
        </li>
     </ul>
  </li>
  <li>
     <h2>Archives</h2>
     <ul>
        <li><a href='http://www.examplesite.com/wordpress/?m=200502'
           title='February 2005'>February 2005</a></li>
        <li><a href='http://www.examplesite.com/wordpress/?m=200501'
           title='January 2005'>January 2005</a></li>
        <li><a href='http://www.examplesite.com/wordpress/?m=200412'
           title='December 2004'>December 2004</a></li>
          <li> 
        <ul>
           <li><a href="http://www.examplesite.com/wordpress/?cat=47"
              title="Stories of our life">Stories</a></li>
           <li><a href="http://www.examplesite.com/wordpress/?cat=48"
              title="Computer Tips">Computer Tips</a></li>
           <li><a href="http://www.examplesite.com/wordpress/?cat=6"
              title="WordPress Tips">WordPress Tips</a></li>
           <li><a href="http://www.examplesite.com/wordpress/?cat=28"
              title="Web Page Design Advice">Web Page Design</a></li>
        </ul>
        </li>
        <li><a href='http://www.examplesite.com/wordpress/?m=200411'
           title='November 2004'>November 2004</a></li>
     </ul>
  </li>
  <li>
     <h2>Categories</h2>
     <ul>
        <li><a href="http://www.examplesite.com/wordpress/?cat=47"
           title="Stories of our life">Stories</a></li>
        <li><a href="http://www.examplesite.com/wordpress/?cat=48"
           title="Computer Tips">Computer Tips</a></li>
        <li><a href="http://www.examplesite.com/wordpress/?cat=6"
           title="WordPress Tips">WordPress Tips</a></li>
           <li>
        <ul>
           <li><a href="http://www.examplesite.com/wordpress/?cat=47"
              title="Stories of our life">Stories</a></li>
           <li><a href="http://www.examplesite.com/wordpress/?cat=48"
              title="Computer Tips">Computer Tips</a></li>
           <li><a href="http://www.examplesite.com/wordpress/?cat=6"
              title="WordPress Tips">WordPress Tips</a></li>
           <li><a href="http://www.examplesite.com/wordpress/?cat=28"
              title="Web Page Design Advice">Web Page Design</a></li>
        </ul>
        </li>
        <li><a href="http://www.examplesite.com/wordpress/?cat=28"
           title="Web Page Design Advice">Web Page Design</a></li>
     </ul>
    </li>
   </ul>
   </div>

谢谢

4

1 回答 1

0

这两个应该做的工作。

$("ul > li"), and or just $("li").   

Could also do $('ul').find('li').each(function(){
  //code here
});
于 2013-10-17T01:03:16.137 回答