我在找出嵌套无序列表的特定选择器时遇到问题。
我试图在所有 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>
谢谢