我如何结合该javascript和jQuery函数来隐藏按钮？

Question

我下载了名为Simple Photo Manager的文件上传脚本。 由于我对jQuery函数更加熟悉，因此我想将它们与该脚本中已经存在的JS代码结合使用。

我基本上想在单击“删除”按钮时隐藏它。 为什么单击删除按钮后，隐藏按钮没有被隐藏？ （注意：JS文件正确包含在HTML文件中）。此外， delLink.removeChild和delLink.appendChild在这里没有用，因为它原本打算用于Delete / Restore开关链接，但我决定改用按钮。

非常感谢您能帮助我。

html代码是：

<input type='button' id='deleteit' onClick="deleteLinkOnClick
(this, 'delFlag<?=$imgid?>')">

上传图片时用于创建该元素的JS代码为：

var image_del_link = par.createElement('input');
image_del_link.type = "button";
image_del_link.value = "Delete";
imgdiv.appendChild(image_del_link);

onclick的函数是：（我尝试在底部编写jQuery函数）

function deleteLinkOnClick(delLink, delFlag) {
    var par = window.document;
    var imgDiv = delLink.parentNode;
    var image_hidden = delFlag == '' ? imgDiv.childNodes[2] : par.getElementById(delFlag);

    if (image_hidden.value == '1') {

        image_hidden.value = '0';
        delLink.removeChild(delLink.childNodes[0]);
        delLink.appendChild(par.createTextNode("Restore"));
        delLink.style.color = '#FF0000';
    }
    else {
        image_hidden.value = '1';
        delLink.removeChild(delLink.childNodes[0]);
        delLink.appendChild(par.createTextNode("Delete"));
        delLink.style.color = '#64B004';
    }

    $(document).ready(function(){
        $(image_del_link).click(function(){
            $(this).hide();
            });
        });
}

Answer 1

这里是。

$("#deleteit").click(function(){
    $(this).hide();
})

Answer 2

尝试：

$("#deleteit").live("click", function(){
    $(this).hide();
});