如何在jQuery中访问<ul>列表元素？</ul>

Question

那里。我有一个包含链接列表的div，我正在尝试将其中一个链接存储在jquery变量中，但我不确定如何实现它。不幸的是我可以直接编辑div或列表来添加id（它是一个雅虎商店网站），所以我需要遍历对象树。

这是我的练习代码

   <div id="newDiv">
        <div id="newerDiv">
            <div id= "squareDiv" style="width: 100px; border:2px solid #a1a1a1;" >Square
            <ul>
                <li><a title="Inca" href="mainazag.html">Maya Inca Aztec</a> </li>
                <li><a title="Maya" href="mainazag.html">Maya Inca Aztec</a> </li>
            </ul>
            </div>
        </div>
    </div>

这就是我试图访问标题为Maya的链接：

var listitem = $("#squareDiv").find("a[title='Maya']");

任何想法？

感谢

Answer 1

ul不是#squareDiv的后代，而是下一个兄弟。锚元素也没有名为a的类，所以类选择器不起作用，你需要使用元素选择器

var listitem = $("#squareDiv").next().find("a[title='Maya']");

演示：Fiddle

或使用其子级为div元素的父newerDiv id ul

var listitem = $("#newerDiv").find("a[title='Maya']");

演示：Fiddle