Jquery 如何仅删除正确的文本输入？

我在下面有一个jquery函数，当上传完成时，它会将文件名存储在字符串中，并将其id存储在文本输入中。现在，在函数的底部，如果用户单击

deletevideofile

按钮，那么它将删除属于该删除按钮的文件名和文本输入。但问题是，即使它只删除正确的文件名，它也会删除所有文本输入，而不仅仅是删除正确的文本输入

我的问题是，如何仅在单击“删除”按钮时删除正确的文本输入

代码如下：

function stopVideoUpload(success, videoID, videofilename){

      var result = '';
      videocounter++;

      if (success == 1){
         result = '<span class="videomsg'+videocounter+'">The file was uploaded successfully</span>';
          $('.listVideo').eq(window.lastUploadVideoIndex).append('<input type="text" name="vidid" value="' + videoID + '" />');
          $('.listVideo').eq(window.lastUploadVideoIndex).append('<div>' + htmlEncode(videofilename) + '<button type="button" class="deletefilevideo" video_file_name="' + videofilename + '">Remove</button><br/><hr/></div>');      }

  var _videocounter = videocounter;

$('.listVideo').eq(window.lastUploadVideoIndex).find(".deletefilevideo").on("click", function(event) {
    var video_file_name = $(this).attr('video_file_name');

    jQuery.ajax("deletevideo.php?videofilename=" + video_file_name)
        .done(function(data) {

        $(".videomsg" + _videocounter).html(data);
    });

       $(this).parent().siblings('input[name="vidid"]').andSelf().remove();
});


      return true;   
}

函数stopVideoUpload（成功、videoID、videofilename）{
var结果=“”；
视频计数器++；
如果（成功==1）{
结果='文件已成功上载'；
$（'.listVideo'）.eq（window.lastUploadVideoIndex）.append（''）；
$（'.listVideo'）.eq（window.lastUploadVideoIndex）.append（''+htmlEncode（videofilename）+'Remove
；}
var\u videocounter=视频计数器；
$（'.listVideo'）.eq（window.lastUploadVideoIndex）.find（“.deletefilevideo”）.on（“单击”，函数（事件）{
var video_file_name=$（this.attr（'video_file_name'）；
ajax（“deletevideo.php？videofilename=“+video\u file\u name”）
.完成（功能（数据）{
$（“.videomsg”+\u videocounter）.html（数据）；
});
$（this）.parent（）.sides（'input[name=“vidid”]”）和self（）.remove（）；
});
返回true；
}

除了生成名为“vidid”的输入框外，还要为

元素添加一个

id

属性，每个视频都有一个唯一的id

然后在

.remove（）

行中的

.sides（）

函数中更改选择器，以匹配正在生成的

的

id

下面是一些JavaScript示例。修改它以满足您的需要：

function stopVideoUpload(success, videoID, videofilename) {

    var result = '', _videocounter;
    videocounter++;

    if (success == 1) {
        result = '<span class="videomsg'+videocounter+'">The file was uploaded successfully</span>';
        $('.listVideo').eq(window.lastUploadVideoIndex).append('<input type="text" name="vidid" id="'+videoID+'" value="' + videoID + '" />');
        $('.listVideo').eq(window.lastUploadVideoIndex).append('<div>' + htmlEncode(videofilename) + '<button type="button" class="deletefilevideo" data-videoID="'+videoID+'"  data-video_file_name="' + videofilename + '">Remove</button><br/><hr/></div>');
    }

    _videocounter = videocounter;

    $('.listVideo').eq(window.lastUploadVideoIndex).find(".deletefilevideo").on("click", function(event) {
        jQuery.ajax("deletevideo.php?videofilename=" + $(this).attr('data-video_file_name')).done(function(data) {
            $(".videomsg" + _videocounter).html(data);
        });

        $(this).parent().siblings('#'+ $(this).attr('data-videoID')).andSelf().remove();
    });


    return true;   
}

函数stopVideoUpload（成功、videoID、videofilename）{
var结果=''，视频计数器；
视频计数器++；
如果（成功==1）{
结果='文件已成功上载'；
$（'.listVideo'）.eq（window.lastUploadVideoIndex）.append（''）；
$（'.listVideo'）.eq（window.lastUploadVideoIndex）.append（''+htmlEncode（videofilename）+'Remove
）；
}
_视频计数器=视频计数器；
$（'.listVideo'）.eq（window.lastUploadVideoIndex）.find（“.deletefilevideo”）.on（“单击”，函数（事件）{
jQuery.ajax（“deletevideo.php？videofilename=“+$（this.attr（'data-video\u file\u name'）））.done（函数（数据）{
$（“.videomsg”+\u videocounter）.html（数据）；
});
$（this）.parent（）.sides（'#'+$（this）.attr（'data-videoID'））和self（）.remove（）；
});
返回true；
}

除了生成名为“vidid”的输入框外，还要为

元素添加一个

id

属性，每个视频都有一个唯一的id

然后在

.remove（）

行中的

.sides（）

函数中更改选择器，以匹配正在生成的

的

id

下面是一些JavaScript示例。修改它以满足您的需要：

function stopVideoUpload(success, videoID, videofilename) {

    var result = '', _videocounter;
    videocounter++;

    if (success == 1) {
        result = '<span class="videomsg'+videocounter+'">The file was uploaded successfully</span>';
        $('.listVideo').eq(window.lastUploadVideoIndex).append('<input type="text" name="vidid" id="'+videoID+'" value="' + videoID + '" />');
        $('.listVideo').eq(window.lastUploadVideoIndex).append('<div>' + htmlEncode(videofilename) + '<button type="button" class="deletefilevideo" data-videoID="'+videoID+'"  data-video_file_name="' + videofilename + '">Remove</button><br/><hr/></div>');
    }

    _videocounter = videocounter;

    $('.listVideo').eq(window.lastUploadVideoIndex).find(".deletefilevideo").on("click", function(event) {
        jQuery.ajax("deletevideo.php?videofilename=" + $(this).attr('data-video_file_name')).done(function(data) {
            $(".videomsg" + _videocounter).html(data);
        });

        $(this).parent().siblings('#'+ $(this).attr('data-videoID')).andSelf().remove();
    });


    return true;   
}

函数stopVideoUpload（成功、videoID、videofilename）{
var结果=''，视频计数器；
视频计数器++；
如果（成功==1）{
结果='文件已成功上载'；
$（'.listVideo'）.eq（window.lastUploadVideoIndex）.append（''）；
$（'.listVideo'）.eq（window.lastUploadVideoIndex）.append（''+htmlEncode（videofilename）+'Remove
）；
}
_视频计数器=视频计数器；
$（'.listVideo'）.eq（window.lastUploadVideoIndex）.find（“.deletefilevideo”）.on（“单击”，函数（事件）{
jQuery.ajax（“deletevideo.php？videofilename=“+$（this.attr（'data-video\u file\u name'）））.done（函数（数据）{
$（“.videomsg”+\u videocounter）.html（数据）；
});
$（this）.parent（）.sides（'#'+$（this）.attr（'data-videoID'））和self（）.remove（）；
});
返回true；
}

$（this）.closest（'.listVideo'）.find（'input[name=“vidid”]）.remove（）

$（this）.closest（'.listVideo'）.find（'input[name=“vidid”]）.remove（）

谢谢你的回答，它成功了，我能问一个你能帮我解决的小问题吗？当我删除一个文件时，它会显示消息

samplevideo_23.mp4被删除了

，但是单词

删除了

与句子重叠，你知道为什么吗？不知道，这可能是CSS问题，用Firebug或IE开发者工具检查元素。谢谢你的回答，它成功了，我能问一个你能帮我解决的小问题吗？当我删除一个文件时，它会显示消息

samplevideo_23.mp4被删除

，但单词

删除

与句子重叠，你知道这是为什么吗？不知道，可能是CSS问题，使用Firebug或IE开发者工具检查元素。