Home / Questions / 224168
Accepted
Lorenzo Martín
Asked: 2020-12-19 10:03:29 +0800 CST 2020-12-19 10:03:29 +0800 CST

access the value of a div within a <li> element

  • 772

I have this line

 <li id="liPryName"> <span><i class="glyphicon glyphicon-folder-open"></i></span> <div class="id">Valor de Id</div></li>

I would like with jquery to be able to access the value of class="id"by clicking on itid="liPryName"

I've tried this, but it doesn't give the result I want. Inside <Li>I need to find the value of class="id".

$("#liPryName").dblclick(function () { 
        alert($(this).html());
    })
jquery

2 Answers

  1. Best Answer

    You can achieve what you want with .find()like this:

    $("#liPryName").dblclick(function () { 
        alert($(this).find(".id").html());
    })
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 
 <li id="liPryName"> <span><i class="glyphicon glyphicon-folder-open"></i></span> <div class="id">Valor de Id</div></li>

    • 2

  2. You can do it with children:

    $("#liPryName").dblclick(function() {
  alert($(this).children("div").text());
})
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<li id="liPryName">
  <span>
<i class="glyphicon glyphicon-folder-open"></i>
</span>
  <div class="id">Valor de Id</div>
</li>

    • 0