Question

I’m trying to figure out if something like this would be possible. We are given that HTML structure

<a href='#' class='anyLink'>
     <!-- here goes some content-->
    <div class='childElement'><!-- here goes some content--></div>
</a>

I am not able to use ID’s because there are many links and it’s not defined how many more are to come. So my question is, do you guys know a way where I can do something like this :

$('a').on("click",function(e){
    $(this +"div").val(); // for example.
});

I want to select a children element of that anchor that has been clicked or want to get the value of the children element. I also don’t have any ID’s of the children elements and I am trying to select things via CSS Selectors as td:nth-child(4).
Could anybody tell me if this is possible ?

Answer 1

try

$('a').on("click",function(e){
    $("div",this).text(); // for example.
});