jquery - 标签 获取下一个隐藏字段

Question

我有以下标记

  <td>
       <a id="lbtnDelete" onclick="deleteFile(this); return false;" runat="server" class="silverbutton smallbutton normal">
            <span class="left">
                  <span class="right">Delete</span>
            </span>
       </a>
       <asp:HiddenField runat="server" ID="hidDownloadId" />
  </td>

function deleteFile(element)
{
    var currEl = element;
    var downloadId = currEl.next().value;
}

当用户单击“lbtnDelete”链接时，我调用deleteFile(this)函数。在此函数中，我应该获取隐藏输入的值 - hidDownloadId。我该怎么做？我已经尝试过了

currEl.next().value;

但是在 Chrome 中我收到了类似“对象没有方法 next()”的错误。另一种尝试是做

currEl.parent().find('[type=hidden]')
[Exception: TypeError: Object has no method 'parent']

任何帮助将不胜感激。

Answer 1

您需要先从元素中创建 jquery 对象，然后才能在其上使用 jquery 方法。

var currEl = $(element);
var downloadId = currEl.next().val();

<小时/>

但是既然你采用了 jquery 方式，你也应该停止使用内联事件属性并使用 jquery 进行绑定(bind)..

所以

  <td>
       <a id="lbtnDelete" runat="server" class="silverbutton smallbutton normal">
            <span class="left">
                  <span class="right">Delete</span>
            </span>
       </a>
       <asp:HiddenField runat="server" ID="hidDownloadId" />
  </td>

和

$(function(){
    $('#lbtnDelete').click(function(e){
        e.preventDefault();
        var currEl = $(this),
            downloadId = currEl.next().val();

        // do whatever you want to do with downloadId here

    });
});