title: How to achieve context menu in thymleaf?
body: <p>I would like to achieve context menu in thymeleaf dynamically.In this case "a href" is applied to whole list which is something like a data table click able. i need each list values to be clicked separately.</p>
  
  <p>How to get the id of the menu which is clicked? so that i can pass the value of that id to get the sub menu of that id which is foreign key to that table.</p>
  
  <p><strong>Thymeleaf Code</strong>:</p>
  
  <pre><code>&lt;ul id="menucatalog"&gt;
  &lt;div id="global-subnav"&gt;
  &lt;a href="catalog/partials/offers.html"&gt;
  &lt;li class="product_container" th:each="prod : ${menucataloglist}" th:text="${prod}"&gt;
  &lt;/li&gt;&lt;/a&gt;
  &lt;/div&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p><strong>Jquery Code</strong>:</p>
  
  <pre><code>$(document).ready(function(){
  $("#menucatalog").menu();
  });
  </code></pre>