如何获取div中的第一个"<a>"元素

she*_*bin 1 jquery

<html>
    <div>
        <ul>
            <li><a>a</a></li>
            <li><a>b</a></li>
            <li><a>c</a></li>
            <li><a>d</a></li>
        </ul>
        <ul>
            <li><a>e</a></li>
            <li><a>f</a></li>
            <li><a>g</a></li>
            <li><a>h</a></li>
        </ul>
        <ul>
            <li><a>i</a></li>
            <li><a>j</a></li>
            <li><a>k</a></li>
            <li><a>l</a></li>
        </ul>
    </div>

    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
    <script type="text/javascript">
        $(function(){
            alert($("div a:first-child").text());    

            $("div").each(function(){
                alert($(this).find("a:first-child").text());
            });
        });    
    </script>
</html>
Run Code Online (Sandbox Code Playgroud)

我想得到div中的第一个""元素

但我尝试了两种方式,如下所示,无法得到它.

有人可以教我吗?

<script type="text/javascript">
    $(function(){
        alert($("div a:first-child").text());   

        $("div").each(function(){
            alert($(this).find("a:first-child").text());
        });
    }); 
</script>
Run Code Online (Sandbox Code Playgroud)

Tik*_*vis 5

我想你可以做到这一点:

$("div a").first().text();
Run Code Online (Sandbox Code Playgroud)