如何使用Jquery获取div中第一个孩子的值

Question

Here is the div:

<div class="dropdown-menu">
        <a class="dropdown-item" value="1">Try1</a>
        <a class="dropdown-item" value="2">Try2</a>
        <a class="dropdown-item" value="3">Try3</a>
    <div>

And here is Jquery:

$(document).ready(function() {

    $("#dropdown-menu div:first-child").attr("value");

    animalidd = $(this).attr("value");


aler(animalidd);

});

I just need the value of the first child that is selected automatically also after refresh and no i need it with <div> and <a>

Answer 1

You have to use the following selector : "div.dropdown-menu a:first-child"

$(document).ready(function() {

     var animalid = $("div.dropdown-menu a:first-child").attr("value");

     alert(animalid);

});

Here is a working example : https://codepen.io/andreds/pen/vpamGm