当前位置：首页 → 问答吧 → jquery remove方法不生效

jquery remove方法不生效

时间：2010-03-07

来源：互联网

<html>
  <head>
   <meta content="text/html;charset=UTF-8" http-equiv="Content-Type">
   <title>上传文件 </title>
   <script type="text/javascript" src="../js/jquery-1.4.1.min.js"> </script>
   <script>
$(document).ready(function(){
     $('input[name="addButton"]').bind("click",addLine);
     $('#removeButton').click(removeLine);
   });
  function addLine(){
     var content = " <element> <input type='file' name='toUpload'> </element>";
     $('element').after(content);
}

function removeLine(){
         if($('element').length>1){
             $('element:last').remove();
         }    else{
             alert("至少上传一个");
         }
}
   </script>
  </head>
  <body>
  <div id="fileCollection"> <element> <input name="toUpload" type="file"> </element> </div>

  <div id="fileListButton"> <input value="添加文件" name="addButton" id="addButton" type="button"> <input name="removeButton" id="removeButton" value="删除文件" type="button"> </div>

  </body>
  </html>

点击“删除文件”按钮，执行$('element:last').remove();没有效果，请问哪里错了?

作者: fevergreen 发布时间: 2010-03-07

不晓得你为什么那样做，你的代码在火狐下可以运行，element这个标记没见过呢，给你改了下

复制代码

<html>
<head>
<meta content="text/html;charset=UTF-8" http-equiv="Content-Type">
<title>上传文件 </title>
<script type="text/javascript" src="jquery-1.3.2.min.js"> </script>
<script>
$(document).ready(function(){
$('input[name="addButton"]').bind("click",addLine);
$('#removeButton').click(function(){
removeLine();
});
});
function addLine(){
var content = "<div class=\"element\"><input type=\"file\" name=\"toUpload\">";
$('.element:last').after(content);
}
function removeLine(){
if($('.element').length>1){
$('.element:last').remove();
} else{
alert("至少上传一个");
}
}
</script>
</head>
<body>
<div class="element"><input name="toUpload" type="file"></div>
<div id="fileListButton"> <input value="添加文件" name="addButton" id="addButton" type="button">
<input name="removeButton" id="removeButton" value="删除文件" type="button"> </div>
</body>
</html>

作者: ywqbestever 发布时间: 2010-03-07

jquery remove方法不生效

热门阅读

热门下载