javascript - javascript。ajax完成功能后，'a'不再可点击，为什么？

Question

我还有一个小问题。我正在使用 ajax 并且工作正常。但是在 ajax 完成他的工作之后，我想更改元素属性，例如 backgroundImage。它也工作正常。但是更改后的元素现在第二次无法再点击了..有人可以帮我吗..这是我的代码：

function ajaxdelete(){
        $.ajax({
            url: "/ajaxdelete/",
        }).complete(function(){
            kids = document.getElementById('table1').getElementsByTagName('td');
            for (var i=0; i < kids.length; i++) {
              kids[i].style.backgroundImage = "none";
            };


        });


    }

我的html是这样的：

<td style="background-image: url("../static/images/ok.png");"><a onclick="postajax1()"><input type="hidden" name="arg1" value="10"/><input type="hidden" name="arg2" value="3"/>0,24*</a></td>

所以在ajax调用之后，背景必须再次干净，并且'a'标签必须第二次再次点击......换句话说，postajax1（）函数必须是可调用的并且能够再次设置背景图像回到初始状态。

请帮忙！

非常感谢..

Answer 1

使用 Jquery 来定位你的类名怎么样？

function ajaxdelete(){

    $.ajax({
        url: "/ajaxdelete/",
    }).complete(function(){
        kids = $('#table1 td.className');
        kids.css('background-image','none');
    });
}