jQuery在Div容器中添加和删除图像

我对jQuery还相当陌生，需要帮助来解决这个问题。我需要一个脚本，它将：

将图像从图像容器添加到其他父div容器

确定图像是否已添加到div中

限制可以添加到新父div的图像数量

从新的父div onclick中删除图像

使图像在其原始容器中再次可用以进行添加 **如果我们可以在jquery$.post中发送div图像值（src或title），那将是锦上添花

我似乎有1，3和4工作。然而，2和5让我抓狂。也许有人在某个地方跑了这个

以下是我已经拥有的（以防万一，我觉得我离成功太远了。）

$（文档）.ready（函数（）{
$（'img.selectImage'）。单击（函数（e）{
e、 预防默认值（）；
var src=$（this.attr（'src'）；
var title=$（this.attr（'title'）；
var addimg=''；
//首先让我们统计div中的元素。
变量编号=$（'#imgBox img'）。长度；
var imgMax='5'；
如果（数字==imgMax）{
警报（“您已达到最大图像数量/5”）；
}// 只需添加条件检查单击图像的src，即可查看是否已添加该图像。条件如下所示：

if(!$('#imgBox').find('[src="'+src+'"]').length)

然后，为了删除边框，我保存了clicked元素并在另一个click函数中重新使用它。最后的代码如下所示：

if(!$('#imgBox').find('[src="'+src+'"]').length){
    var theImage = $(this);
    $(this).css('border','1px solid #000');
    $('#addText').hide();   
    $('#imgBox').append(addimg);

    //we need to be able to remove the image also. 
    $('#imgBox img').click(function(e){
        e.preventDefault();
        theImage.css('border', 'none')
        $(this).remove();
    });
}

Fiddle:
对于#2会发生什么？检查src属性很容易，但是您将如何处理这些信息？对于#5，您是否计划在单击时从原始容器中删除图像？目前没有必要将其放回。我称之为一针见血。非常感谢！
if(!$('#imgBox').find('[src="'+src+'"]').length){
    var theImage = $(this);
    $(this).css('border','1px solid #000');
    $('#addText').hide();   
    $('#imgBox').append(addimg);

    //we need to be able to remove the image also. 
    $('#imgBox img').click(function(e){
        e.preventDefault();
        theImage.css('border', 'none')
        $(this).remove();
    });
}