Question

求大神帮忙写一小段jQuery，或者原生的JS也行，不胜感激~~~~

<div id="upload_box">
<div class="file_upload_div">
<i>+</i><input type="file" class="file_upload_input" name="file_pics[]"/><p>images/delete.png</p> <span title="移除" alt="移除"></span>
</div>
</div>

我想实现这样一个功能，我的file表单是透明的，位于<i>+</i>上面，当我点file表单的时候我把他的值赋给里面的<p>标签，同时再生成一个
<div class="file_upload_div">
<i>+</i><input type="file" class="file_upload_input" name="file_pics[]"/> <p>images/delete.png</p> <span title="移除" alt="移除"></span>
</div>把这个<div>append到 id="upload_box"的这个<div>里，当我点击<span>也就是那个小叉的时候，把对应的这个父级class="file_upload_div"的<div>删除掉

Answer 1

 <div id="upload_box"> 
   <div class="file_upload_div">
           <i class="i">+</i><input type="file" class="file_upload_input" name="file_pics[]"/>                   
           <p class="d">images/delete.png</p>            
           <span title="移除" alt="移除"></span>
     </div>
    </div>

    <script type="text/javascript">

        var div = $(".file_upload_div");

        $(".i").each(function (m) {

            $(this).click(function () {
                $(".file_upload_div").eq(m).append('<div class="file_upload_div"> <i class="i">+</i><input type="file" class="file_upload_input" name="file_pics[]"/> <p class="d">images/delete.png</p> <span title="移除" alt="移除"></span></div>');
            });
        });
        $(".d").each(function (m) {

            $(this).click(function () {
                $(".file_upload_div").eq(m).remove();
            });
        });
       
    </script>

你试下吧，基本思路就是这样的

追问

非常感谢哈，我也想过用each的，不过因为后面的表单是动态生成的，所以我用.on()，我已经自己写粗来了，不过还是很感谢~~~