Question

切换适用于具有此命名类的所有元素。如何将其更改为仅我点击的元素？

<input type="file" id="file-input" multiple>
<div id="file-list">
</div>

$('#file-input').change(function(e) {
  for (var i = 0, f; f = files[i]; i++) {

      var reader = new FileReader();
      reader.readAsBinaryString(f);
      ....

      reader.onload = function(e) {
         var label1, text1="Text1", labelEdit;
         label1 = '<span class="editable">' + text1 + '</span> + 
                  '<input class="editable" type="text" style="display:none">'
         labelEdit = "<a class="edit">Edit</a> 

         $('file-list').append(label1, labelEdit);             

     }
   }
}

$('.edit').click(function() {
     $(this).closest('.editable').toggle();
     alert('clicked');
});

我试图在“编辑”之前切换标签和输入。链接。不知何故，点击不会启动。我错过了什么？

Answer 1

尝试将每个标签和输入包装到某个标签中，比如span，然后使用click事件来获取您单击的目标元素，然后使用此目标，您可以使用JQuery {{1方法并切换它。

在代码中它可能如下所示：

prev()

然后像这样

// your code here
label1 = '<span><span class="editable">' + text1 + '</span> + 
         '<input class="editable" type="text" style="display:none"></span>';
labelEdit = "<a class="edit">Edit</a>"; 
// some code again

如何仅切换单击的元素？为什么要点击＆＃39;不开火？

1 个答案: