通过replaceWith函数迭代

时间:2016-03-30 16:00:16

标签: jquery loops replacewith

有没有最好的方法来巩固这个?我在每个文件输入下添加了一个清除按钮,但replaceWith必须为每个字段反映某个名称(例如name="file-490")。 name可以是顺序的,即491,492,493。

$(document).ready(function() {
    $("#clear1").click(function(event){
      event.preventDefault();
      $("#control1").replaceWith('<input id="control1" class="wpcf7-form-control wpcf7-file " type="file" aria-invalid="false" name="file-490" novalidate="novalidate">');
    });
});

$(document).ready(function() {
    $("#clear2").click(function(event){
      event.preventDefault();
      $("#control2").replaceWith('<input id="control2" class="wpcf7-form-control wpcf7-file " type="file" aria-invalid="false" name="file-491" novalidate="novalidate">');
    });
});

$(document).ready(function() {
    $("#clear3").click(function(event){ ( etc.)

我认为我必须将选择器放在像$("#clear").each(function(event){这样的每个函数中,但不知道如何创建循环来迭代为每个元素添加数字。

$("#clear").click(function(event){
    event.preventDefault();
    $("#control' +(i+1)+' ").replaceWith('<input id="control' +(i+1)+ '" class="wpcf7-form-control wpcf7-file " type="file" aria-invalid="false" name="file-49' +(i+1)+ '" novalidate="novalidate">');

我是在正确的轨道上吗?

0 个答案:

没有答案