javascript - jQuery 选择器没有像我预期的那样工作

Question

我有一个简单的html

<div id="dCA" style="width: 200px; margin-right: 20px; float: left;">
    <ul>
        <li><a href="#" id="AL" onclick="cs('1', this);">Alberta </a></li>
        <li><a href="#" id="BC" onclick="cs('2', this)">British Columbia</a> </li>
        <li><a href="#" id="M" onclick="cs('3', this)">Manitoba</a> </li>
        <li><a href="#" id="NB" onclick="cs('4', this)">New Brunswick</a> </li>
        <li><a href="#" id="NF" onclick="cs('5', this)">Newfoundland</a> </li>
        <li><a href="#" id="NS" onclick="cs('6', this)">Nova Scotia</a> </li>
        <li><a href="#" id="On" onclick="cs('7', this)">Ontario </a></li>
        <li><a href="#" id="PEI" onclick="cs('8', this)">Prince Edward Is </a></li>
        <li><a href="#" id="Q" onclick="cs('9', this)">Quebec </a></li>
        <li><a href="#" id="SK" onclick="cs('10', this)">Saskatchewan </a></li>
    </ul>
</div>

我正在尝试访问“a”，但它给了我未定义的信息。

我不知道我做错了什么，任何帮助将不胜感激

我正在尝试这样访问，

alert($("#dCA").find("ul>li>a:contains('" + "Alberta"+ "')").attr("id"));

Answer 1

您的代码有效并提供“AL”，但是不需要 "+ "Alberta"+ "。这也有效

alert($("#dCA").find("ul>li>a:contains('Alberta')").attr("id"));

fiddle : Demo