表行的jQuery下拉列表

Question

我正在为我目前的项目苦苦挣扎，并希望有人可以帮我澄清一些事情。

我有一个表，我需要根据给定的行执行操作，在第一个td中使用jQueryUI按钮，该按钮应该下拉一个带有该行功能的菜单。每个tr都有值来识别人物和物品，但我不知道如何动态创建下拉列表来处理行的特定项目。

例如，我的tr看起来像这样：

<tr person="1" item="1"><td class="ddmenu">Row1</td>...</tr>
<tr person="2" item="5"><td class="ddmenu">Row2</td>...</tr>

我的jQuery函数，它定位行的person和item id，并下拉菜单：

$('.ddmenu')
.click(function() { 
var person = $(this).parents("tr").attr('person');
var item = $(this).parents("tr").attr('item');
$('.drop').toggle();
return false;
}) 

我有一个初始项目，列出了每行的相同项目，但有以下两个问题：

1. 如何使用person和item值创建动态下拉菜单，这样我就可以使用单独的jQuery选择器对每个项目进行操作。
2. 如何将菜单直接放在特定按钮下方，而不是html中div的位置？

jsfiddle示例：http://jsfiddle.net/CHrkd/3/

任何想法和澄清将不胜感激！感谢

Answer 1

我意识到我问了两个不相关的问题，并希望回答第一个问题。简单的方法是简单地使用全局变量。一旦'ddmenu'选择器触发，将person和item值保存到全局变量以进行进一步处理。容易腻。

现在，如果我能弄清楚如何将.drop类移动到所点击的项目下的阵容。