jquery嵌套列表，選擇所有li後面跟着ul

我遇到的問題是找出嵌套的無序列表的特定選擇器。jquery嵌套列表，選擇所有li後面跟着ul

我想添加一個只有當後跟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/ 添加一個跨度（類「需要」），以任何李隨後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>

感謝

來源

2013-10-17 user1993639

你的意思是像http://jsfiddle.net/arunpjohny/VqY3e/1/ –

不是真的，更像http://jsfiddle.net/7JdEh/ – user1993639

放置一個'ul'直接在另一個'UL '是無效的HTML。你需要一個'li'。 – michaelb958

這兩個應該做的工作。

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

Could also do $('ul').find('li').each(function(){ 
    //code here 
});

來源

2013-10-17 01:03:16 Casey

這將選擇李以下ul。 – user1993639

jquery嵌套列表，選擇所有li後面跟着ul

回答

相關問題