JavaScript函数仅在for循环中的树枝项目上执行

Question

我目前正在建立一个网站，作为大学培训的一部分。我正在使用细枝通过for循环显示项目列表。

    {{ Twig code }}
    {{ for loop}}
     Twig shows item
     <p id="details"></p>
 Variables are initialised. Empty <p> are placed for use with the java script function
<button onclick="addFave(Item_id,ItemName)" type="button">Add to Favourites</button>
<button onclick="moreDetails(bio)" type="button">Details</button>
      {{End of for loop}}
      {{End of twig}}

有两个按钮执行javascript函数，每当用户按下披萨的“更多详细信息”按钮（例如）时，代码就会改为执行最后一个项目。

问题的屏幕截图：http://tinypic.com/r/5wb4lk/9

您知道我该如何解决吗？