jquery - 在指定中查找并附加到jQuery

Question

这是我的设置：

<div id="nav">
  <ul>
    <li><a href="#">MENU ENTRY</a></li>
    <li><a href="#">MENU ENTRY WITH SUBMENU</a>
      <ul>
        <li><a href="#">SUBMENU ENTRY</a></li>
        <li><a href="#">SUBMENU ENTTY</a></li>
      </ul>
    </li>
  </ul>
</div>

现在我尝试使用 jQuery 实现以下目标：

1. 检查“#nav li”是否有另一个“ul”
2. 如果是这样，找到“a”-Tag 并在其上附加“span”-Tag

像这样：

$("#nav li").has("ul").find("a").append('<span class="test">SOMETHING</span>');

不幸的是，“span”-Tag 被附加到所有子“a”-Tags。

我试图从其他“a”标签中删除该类，但它不起作用。

 $("#nav li ul li").find("a").remove(".test");

这是小提琴：http: //jsfiddle.net/LmDYg/6/

帮助将不胜感激，谢谢！

Answer 1

$('#nav li>ul').parent().children('a').append('<span class="test">SOMETHING</span>');

Answer 2

这应该适合你

$('#nav li ul').prev('a').append('<span class="test">SOMETHING</span>');

更新的小提琴

或者您可以使用children()而不是find()仅选择的直接后代<li>

Answer 3

我相信您所说的是您只想将其添加到 的a直接子级中li，在这种情况下您将使用children而不是find：

$("#nav li").has("ul").children("a").append('<span class="test">SOMETHING</span>');

http://jsfiddle.net/LmDYg/8/