我如何結合該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();
});