将attr应用到第一级

Question

<li class="page_item"><a href="javascript:">A</a>
<ul class="children">
    <li class="page_item"><a href="">1</a></li>
    <li class="page_item"><a href="">2</a></li>
</ul>
</li>
<li class="page_item "><a href="">B</a>
<ul class="children">
    <li class="page_item"><a href="">1</a></li>
    <li class="page_item"><a href="">2</a></li>
    <li class="page_item"><a href="">3</a></li>
    <li class="page_item"><a href="">4</a></li>
</ul>
</li>

<li class="page_item "><a href="">C</a>
<ul class="children">
    <li class="page_item"><a href="">1</a></li>
    <li class="page_item"><a href="">2</a></li>
    <li class="page_item"><a href="">3</a></li>
    <li class="page_item"><a href="">4</a></li>
</ul>

我怎么只改变所有的attr <li class="page_item"><a href="javascript:"></a>而不是ul.children.

$('li.page_item a').not("ul.children").attr("href", "http://google.com");

不工作 谢谢

Answer 1

将顶级设置ul为类parent,然后:

$('ul.parent > li.page_item > a').attr("href", "http://google.com");

在这里演示