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

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

如果每个<a>只有1个<li>标记是直接子标记，则可以使用此标记

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

Answer 3

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

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

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

3 个答案: