使用 jquery 将 div 附加到嵌套列表中的链接

Question

我正在使用这样的列表，

<ul class="menu"> 
<li><a>Test Page</a></li>
<li><a>Test Page</a></li>
<li><a>Test Page</a>
    <ul>
    <li><a>Test Page</a></li>
    <li><a>Test Page</a></li>
    <li><a>Test Page</a></li>
    <li><a>Test Page</a></li>
    </ul>
</li>
<li><a>Test Page</a></li>
</ul>

我需要将

附加到后面的 嵌套的

所以在上面的例子中它会在这里

<ul class="menu">
<li><a>Test Page</a></li>
<li><a>Test Page</a></li>
<li><a>Test Page<div class="arw"></div></a>
    <ul>
    <li><a>Test Page</a></li>
    <li><a>Test Page</a></li>
    <li><a>Test Page</a></li>
    <li><a>Test Page</a></li>
    </ul>
</li>
<li><a>Test Page</a></li>
</ul>

不确定，jquery 看起来像这样：

$('.menu li:has(ul)').prev('a').append('<div class="arw"></div>');

Answer 1

如果始终只有 1 个 标记，每个

是直接子标记，您可以使用此

$('.menu li:has(ul) > a').append('<div class="arw"></div>');

Answer 2

$('.menu li:has(ul)').find('a:first').append('<div class="arw"></div>');

需要 .find() 代替。

或者更好

$('.menu li:has(ul) a:first').append('<div class="arw"></div>');

Answer 3

$('.menu li:has(ul) > a').append('<div class="arw">te</div>');

直播：http://jsfiddle.net/Q6xEh/