将点击事件添加到 div 的子 div，其中子 div 有一个子 a-tag

Question

I have one <div> , where there's a lot of <div> s inside of it, and every child <div> gotta an <a> (anchor tag).

so what i'm trying to do is attach click events to the a-tags. It's been working with a ul listed of mine divs. but i need it to be divs.

working code below:

jQuery :

$('#filterOptions li a').click(function (e) {});

HTML :

<ul id="filterOptions">
 <li class="active"><a href="#" class="all">All</a></li>
 <li><a href="#" class="prem">Premier League</a></li></li>
</ul>

An what I've tried which also didn't work is:

jQuery :

$('#filterOptions div a').click(function (e) {});

HTML :

<div class="filterOptions">
    <div class="col-md-1 col-md-offset-1">
      <a href="#" class="all">All</a>
    </div>
    <div class="col-md-2">
      <a href="#" class="league2 ">Premier League>
    </div>
</div>

Please help to me achieve it.

Answer 1

The issue is you have class filterOptions in html markup and you are using id # in the jQuery code. It should be like:

$('.filterOptions div a').click(function (e) {});