表行的jQuery下拉列表

表行的jQuery下拉列表,jquery,dynamic,menu,drop-down-menu,selector,Jquery,Dynamic,Menu,Drop Down Menu,Selector,我正在为我目前的项目努力,希望有人能帮我澄清一些事情 我有一个表,我需要根据给定的行执行操作,在第一个td中有一个jQueryUI按钮,它应该下拉一个包含该行函数的菜单。每个tr都有标识个人和项目的值,但我不知道如何动态创建下拉列表来处理行中的特定项目 例如,我的tr如下所示: <tr person="1" item="1"><td class="ddmenu">Row1</td>...</tr> <tr person="2" item="5

我正在为我目前的项目努力,希望有人能帮我澄清一些事情

我有一个表,我需要根据给定的行执行操作,在第一个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>
我有一个初始项,它为每行列出相同的项,但有以下两个问题:

  • 如何使用person和item值创建动态下拉菜单,以便使用单独的jQuery选择器对每个项目进行操作
  • 如何将菜单直接放在特定按钮下方,而不是放在html中div的位置
  • JSFIDLE示例:


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

    我意识到我问了两个无关的问题,想回答第一个问题。简单的方法是简单地使用全局变量。一旦“ddmenu”选择器触发,将人员和项目值保存到全局变量中以供进一步处理。简单的豌豆


    现在,如果我能知道如何将.drop类移动到单击项下的列表中。

    您能发布一个html示例,让我们看看您正在使用什么吗(特别是关于
    div
    在html中的位置,一位代表也会很有用。我不知道JSFIDLE,一个很棒的网站!我发布了一个例子
    $('.ddmenu')
    .click(function() { 
    var person = $(this).parents("tr").attr('person');
    var item = $(this).parents("tr").attr('item');
    $('.drop').toggle();
    return false;
    })