Добавить div к ссылке во вложенном списке, используя jquery

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>

Мне нужно добавить <div class"arw"></div> к <a>, за которым следует вложенный <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 <a> тег, который является прямым потомком для каждого <li>, вы можете использовать этот

$('.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/