Jquery为链接获取不同的输入隐藏值

时间:2014-12-04 04:30:35

标签: javascript jquery html css

我制作了一个上下文菜单,它差不多完成了,只是为我留下了这个问题,但我不知道这样做:

这是JS Fiddle

从隐藏的输入获取不同的值到单个链接,因为我想将其传递给控制器​​操作

    <table>
    <tr>
        <td class="element">im here
            <input type="hidden" id="theid" name="theid" value="1"/>
        </td>
    </tr>
    <tr>
        <td class="element">im there
            <input type="hidden" id="theid" name="theid" value="2"/>
        </td>
    </tr>
    <tr>
        <td class="element">im where
            <input type="hidden" id="theid" name="theid" value="3"/>
        </td>
    </tr>
</table>
<div type="context" class="menu"> // link
    <a href="?r=TotheLink/HAHA&theid="><label class="menuitem">Cancel this app</label></a>
</div>

我想将值传递给 theid ,例如右键单击 im here 时,链接应获取隐藏值= 1,依此类推,有什么建议吗?谢谢

1 个答案:

答案 0 :(得分:3)

鼠标事件对象包含您单击的目标。所以你可以访问它,将它传递给jQuery,并用它做任何你想做的事,例如。访问输入的ID。

$(e.target).find('input').attr('id');

和其他评论员一样,我希望你的ID不同;)

修改:我重新阅读了您的问题,您只想要价值。因此,整体标记中不需要ID theid(对于此用例)。从点击的元素中获取值:

$(e.target).find('input').val();

工作正常,请参阅alert()See this jsfiddle