Submenu click event is not getting fired up

Question

I have below markup which displays submenus

<ul class="list-unstyled collapse show" id="pageSubmenu" style="">
  <li><a href="">Report 1</a></li>
  <li><a href="">Report 2</a></li>
  <li><a href=""> Report 3</a></li>
</ul>

Jquery to handle click event is as below

 $("#pageSubmenu li a").click(function () {
      $(this).children('a').trigger('click');
      alert('clicked');
  });

What's wrong in my code?

`$(this).children('a').trigger('click');` <- what exactly are you trying to accomplish here? You're targeting the `a` elements within the `a` elements that were clicked to begin with. There are none. — Jeto, Nov 24 '18 at 11:20
@Jeto I want to get the values like "Report 1", "Report 2" when those submenus are clicked — RAM, Nov 24 '18 at 11:23
@RAM instead of `trigger`, use `location.href` Refer; https://stackoverflow.com/a/506004/4425004 — Pranesh Janarthanan, Nov 24 '18 at 11:24
You can get those values by `$(this).text()` - then insert them into your document, or log them, or whatever. PS it's best not to use `` tags unless you actually want a link. — Robin Zigmond, Nov 24 '18 at 11:29

score 2 · Accepted Answer · answered Nov 24 '18 at 11:28

$("#pageSubmenu li a").click(function () {
    alert($(this).text());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<ul class="list-unstyled collapse show" id="pageSubmenu" style="">
  <li><a href="#">Report 1</a></li>
  <li><a href="#">Report 2</a></li>
  <li><a href="#">Report 3</a></li>
</ul>

Submenu click event is not getting fired up

1 Answers1