当前位置：首页 → 问答吧 → 如何删除指定的li

如何删除指定的li

时间：2009-08-21

来源：互联网

复制代码

<script type="text/javascript" src="./../js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
//测试li
$("#attachments>li").each(function(i) {
$(this).click(function(){
alert(i);
});
});
});
function upload() {//获取文件名并且新增加个li
var filevalue=$("input[type=file]").val();
var file=filevalue.substr(filevalue.lastIndexOf('\\')+1);
$("#attachments").append('<li><a href="#" onclick="deleteMe(this);">[删除]</a> <span>'+file+'</span></li>');
alert(file);
}
function deleteMe(a) {//删除一个li
$("#attachments>li:eq("+this+")").remove();
}
</script>
<form method="post" action="" >
<ul id="attachments">
<li>老1</li>
<li>11</li>
</ul>
<input name="upfile[]" type="file" onchange="upload();"/>
<input type="submit" />
</form>

费了好大力气实现了增加新li和文件名称

但是点删除的时候不是删除指定的 $("#attachments>li:eq("+this+")").remove();好象写的不对 baidu了下也没有具体的方法求大哥继续指教

作者: strongability 发布时间: 2009-08-21

function deleteMe(a) {//删除一个li
$("#attachments>li:eq("+this+")").remove();
}
将这个修改成
function deleteMe(a) {//删除一个li
$(a).parent().remove(); //这个就可以把本
}

作者: ldhh 发布时间: 2009-08-21

复制代码

<script type="text/javascript" src="./../js/jquery.js"></script>
<script type="text/javascript">
function upload(f) {
var filevalue=$("input[type=file]").val();
var file=filevalue.substr(filevalue.lastIndexOf('\\')+1);
$("#attachments").append('<li><a href="#" onclick="deleteMe(this);">[删除]</a> <span>'+file+'</span><a href="#">[插入]</a></li>');
$(f).hide();//隐藏
$("#upload").append('<input name="upfile[]" type="file" onchange="upload(this);"/>');
}
</script>
<form enctype="multipart/form-data" method="post" action="upload.php">
<ul id="attachments">
<li>11</li>
</ul>
<span id="upload"><input name="upfile[]" type="file" onchange="upload(this);"/></span>
<input type="submit" value="提交"/>
</form>

每次选择不同的图片但第二次的图片名字和第一次的名称相同

(deleteMe     upload 函数我省略了没有影响)
但是POST过去
<?php
print_r($_FILES);
?>
后发现是正常的2个图片

作者: strongability 发布时间: 2009-08-22

用FBUG查看是这样的

'700')this.width='700';if(this.offsetHeight>'700')this.height='700';" title="Click Here To EnLarge">
搞不清楚问题出再哪里了

作者: strongability 发布时间: 2009-08-22

我的思路可能有问题

文件名字重复还没有解决又发现一个新问题

function deleteMe(a) {//删除一个li
$("#attachments>li:eq("+this+")").remove();
}
这个只能删除
<li>

对应的
<input type="file" onchange="upload(this);" name="upfile[]" style="display: none;"/>
没有删除  这个问题也无法解决

我的思路完全错了  浪费了我不少的时间

希望大家不要再犯我这样的错误了

作者: strongability 发布时间: 2009-08-22

如何删除指定的li

热门阅读

热门下载