javascript - 一次追加到 div

Question

我正在重新审视我一年前在另一个人的帮助下编写的代码。不幸的是，我不再与他们联系以获得更多帮助。基本上它动态地将类添加tb到b来自namesToChange. 现在我要做的是将一些文本附加到divwith 类dtxt节点，但仍然使用下面的代码。我正在使用代码$('td.pn_adm_jeff').children('div.dtxt').append('zzz');并且它可以工作，但它会不断地附加不止一次，如下图所示。我该如何让它添加一次并停止？

照片 http://img6.imageshack.us/img6/5392/7c23ddb145954aefadb1b9f.png

代码

   function customizefields(a) {
        $('td b').each(function () {
            name = $(this).text();
            if (name.indexOf(" ") != -1) {
                name = name.substring(0, name.indexOf(" "))
            }
            if (a[name]) {
                this.className = a[name].class;
                this.parentNode.className = a[name].img
            }
        })
        $('td.pn_adm_jeff').children('div.dtxt').append('zzz');
    }

    var namesToChange = {
        'Jeff'    :{'class':'pn_adm','img':'pn_adm_jeff'}
    };

    setInterval(function () {
        customizefields(namesToChange)
    }, 1000);

更新

var needsUpdate = true;

function customizefields(a) {
    $('td b').each(function () {
        name = $(this).text();
        if (name.indexOf(" ") != -1) {
            name = name.substring(0, name.indexOf(" "));
        }
        if (a[name]) {
            this.className = a[name].class;
            this.parentNode.className = a[name].img;
        }
    });
    if (needsUpdate) {
        $('td.pn_adm_jeff').children('div.dtxt').append('testing');
        needsUpdate = false;
    }
}

var namesToChange = {
    'jeff'    :{'class':'pn_adm','img':'pn_adm_jeff'};
};

setTimeout(function () {
    customizefields(namesToChange);
}, 1000);

Answer 1

使用 setTimeout 而不是 setInterval （interval 用于重复定时器任务，timeout 是单个定时器任务）

为了防止某个任务在重复任务中多次出现，有一个简单的修复方法。

// global variable
var needsUpdate = true;

// now in the timer task
if (needsUpdate) {
    $('td.pn_adm_jeff').children('div.dtxt').append('zzz');
    needsUpdate = false;
}

那对你有用吗？

Answer 2

定义一个全局变量来保存输入标志

var appended = false;

function appendthestring() {
   if(!appended) $('td.pn_adm_jeff').children('div.dtxt').append('zzz');
   appended = true; 
}