Jquery 分别操纵每个元素

我想实现这一点：每个生成的关闭按钮都将关闭包含的div，而不是其他div

同样，每个具有类first的输入都将在相应的输入中注入值

下面的脚本是一起做的，我怎么能为每个人做呢

$（'body'）.find（':input'）.addClass（'input-target'）；
$（“.input target”）。每个（函数（）{
$（this）.on（'focus'，function（））{
$（此）。在（'X'）之后；
})
});
$（文档）.ready（函数（）{
$（document）.on（'keyup'，'.first'，function（）{
$（“.first”）.each（函数（）{
$（'.input target'）.val（$（“.first”）.val（））；
});
});
});
$（文档）.bind（'click'，函数（e）{
var目标=$（e.target）；
if（target.is（'.keyboard'））{
e、 preventDefault（）；//如果要取消事件流
//做点什么
//警报（“单击键盘类”）；
}else if（target.is（“.close keyboard”））{
e、 预防默认值（）；
//做点别的
//警报（“单击关闭键盘类”）；
$（'.keyboard'，this.hide（）；
}
});
正文{
背景：#20262E；
填充：20px；
字体系列：Helvetica；
}
.输入目标{
职位：相对！重要；
背景：#efef；
}
.键盘{
背景：灰色；
颜色：#fff；
显示：块；
位置：绝对位置；
z指数：9999999；
}
#容器{
背景：#fff；
边界半径：4px；
填充：20px；
字体大小：25px；
文本对齐：居中；
过渡：均为0.2s；
保证金：0自动；
宽度：300px；
}
钮扣{
背景：#0084ff；
边界：无；
边界半径：5px；
填充：8px 14px；
字体大小：15px；
颜色：#fff；
}

飞奔





为什么不在

和较新版本的jQuery上使用

？另外，将所有.on放入readyDelegate并使用最接近的
$（document）.on（“单击”、'.close keyboard'，function（）{$（this.closest（.keyboard”）.hide（）；}）
删除了我的答案，因为该问题被标记为重复委托，并且使用“最接近者”像符咒一样工作。关闭生成的div及其内容时。谢谢你，姆普隆詹