Javascript 将当前运行的函数绑定到元素

我的JQuery有问题

我的代码是这样工作的

有一个名称表，该表底部有输入框，用于添加新的名称和角色。填写两个输入框后，代码会将输入框的值添加到新表行中

我的问题是，当添加内容时，我想添加另一行输入框，以便可以添加更多的人，但是。。。当输入框失去焦点/模糊时运行的函数绑定到我的原始输入元素，当添加下一行输入时，我基本上是在尝试将我当前运行的函数绑定到元素。。。这可能吗，或者我应该如何解决这个问题

代码：

$（'.add_new_castcrew'）.bind（“blur”，function（））{
castCrewBlur（本）；
});
功能castCrewBlur（元素）{
如果（castChangeLength==2）{
$（'#newCast'）.removeAttr（'id'）；
console.log（“哈哈哈”）；
$（“#cast_表”）。追加（“”）；
castChangeLength=0；
$（'#newCast.contentAdded'）.each（function（）{$（element.removeClass（“contentAdded”）；console.log（“Removed”）；）；
$（'.add_new_castcrew'）.bind（“单击”，函数（）{
newCastCrewClick（本）；
});    
$（'.add_new_castcrew'）.bind（“单击”，函数（）{
castCrewBlur（本）；
});

“这只是我将模糊绑定到新添加的 输入框“

看起来您实际上正在绑定到.click（）

---

下次请正确格式化您的代码。部分代码似乎丢失了。重要的代码就在那里。其余的代码工作正常，就是我将模糊绑定到新添加的输入框的部分。您问题中的代码绑定到

单击两次而不是
单击
，然后
模糊
。这是p吗问题？您的处理程序代码将处理程序重新绑定到相同的元素两次，这样您将得到触发函数的指数级级联，每次单击都会增加…抱歉，它起作用了。我更改了错误的部分。我修复了它。事实上，抱歉，我编辑了错误的部分。太好了！很高兴您解决了问题
$('.add_new_castcrew').bind("blur",function(){
    castCrewBlur(this);
});

function castCrewBlur(element){

    if(castChangeLength == 2){
        $('#newCast').removeAttr('id');
        console.log("HAHAHAHA");
        $('#cast_table').append("<tr id=\"newCast\"><td><input type=\"text\" value=\"Cast Member Name\" class=\"add_new_castcrew\" id=\"new_cast_name\"></td><td><input type=\"text\" value=\"Cast Member Role\" class=\"add_new_castcrew\" id=\"new_cast_role\"></td></tr>");    
        castChangeLength = 0;
        $('#newCast.contentAdded ').each(function(){$(element).removeClass("contentAdded"); console.log("Removed"); });
        $('.add_new_castcrew').bind("click",function(){
            newCastCrewClick(this);
        });    

        $('.add_new_castcrew').bind("click",function(){
            castCrewBlur(this);
        });

$('.add_new_castcrew').bind("click",function(){
    castCrewBlur(this);
});