将参数添加到函数（e）然后添加到正则表达式的语法

Question

首先 - 对于一般的混乱感到抱歉 - 每当我必须与 JS 打交道时，我都会感到不自在..

我有一个用于复制字段的小脚本，该脚本是从其他几个脚本中“窃取”的 - 但运行良好，没有任何问题..

问题是我想在一个页面上的多个实例上重用这个具有不同类名的脚本。

所以基本上，我需要传递一个参数以便稍后进行正则表达式（在代码中它被硬编码为"features" 但我需要作为变量"className"）。

我的代码：

<script type="text/javascript">
    jQuery(document).ready(function($) {
        $.fn.addEle = function(e) {
            // do not re-load anything
            e.preventDefault();
            // count elements to set new id and name-attributes
            var num     = $(e.target).parent().parent().find('p.feature-element').length;
            // set the new id- and name-attributes integer
            var newNum  = parseInt(num) + parseInt(1);
            // create our new form-fields
            var newElem = $(e.target).parent().prev().clone();
            // iterate over each input field
            newElem.find('input').each(function(index) {
                // find and replace ID in our clone with new id
                var idRegExp = new RegExp( '(id_)(\\d+)' ,["i"]);
                $(this).attr( 'id', $(this).attr('id').replace( idRegExp , "id_"+newNum ) );
                                // find and replace NAME in our clone with new name-id
                                var nameRegExp = new RegExp( '\\[features\\]\\[(\\d+)\\]' ,["i"]);
                $(this).attr( 'name', $(this).attr('name').replace( nameRegExp , "[features]["+newNum+"]" ) );
                // empty value
                $(this).val('');
            });
            // add form-fields to the DOM
            $( newElem ).insertBefore( $(e.target).parent() );
        }
        // add element on button click
        $('.repeat-parent').live("click", function(e) {   $.fn.addEle(e);   });
    });
    </script>

现在，我是PHP 的人，尽管我尝试了很多，但从未真正正确地使用JS 语法。 所以简单地说 - 如何将参数传递给函数类型的函数（e），然后如何正则表达式参数（而不是字符串）？

总结-

• 第一个问题：

Q 向这样的函数添加参数的正确语法是什么？ 据我了解，$.fn.addEle = function(e) 中的e 仅代表event。 那么我怎样才能添加一个参数，比如className，比如：

转这个：

$.fn.addEle = function(e){...}

    $('.repeat-parent').live("click", function(e) {   $.fn.addEle(e);   });

进入这个：

$.fn.addEle = function(e,className){...}

    $('.repeat-parent').live("click", function(e) {   $.fn.addEle(e,className);   });

在 PHP 中，我只需添加一个参数：

函数my_function() 到函数my_function($my_parameter='value')，然后调用my_function('my_new_value')

• 第二个问题是这些行中的正则表达式：

  var nameRegExp = new RegExp( '\\[features\\]\\[(\\d+)\\]' ,["i"]); $(this).attr( 'name', $(this).attr('name').replace( nameRegExp , "[features]["+newNum+"]" ) );

如何把它变成这个，其中className实际上是一个参数而不是一个要搜索的字符串...

 var nameRegExp = new RegExp( '\\["className"\\]\\[(\\d+)\\]' ,["i"]);
                        $(this).attr( 'name', $(this).attr('name').replace( nameRegExp , "['className']["+newNum+"]" ) );

（我想我也把所有的引号都弄错了，但是在正则表达式里面很混乱..）

Answer 1

我不确定您的第一个问题是什么问题。我进行了一个似乎可行的快速测试：

jQuery.fn.addEle = function(e, temp){
  alert(temp);
}
e = 'event placeholder';
jQuery.fn.addEle(e, 'test');

我在 chrome 控制台中运行它，它的警报很好。它可能与尝试使用“this”变量有关。除非您将其作为参数发送，否则这是不可用的。

关于你的第二个问题。如果您创建一个正则表达式对象并将其作为变量发送到您的函数中，您可以将源提取出来并在新的对象中使用它。这个解释在我看来甚至没有意义，所以这里是一个例子：

您的原始示例（为节省空间而进行了简化）如下所示

jQuery.fn.addEle = function(e){
  var nameRegExp = new RegExp( '\\[features\\]\\[(\\d+)\\]' ,["i"]);
  $(this).attr( 'name', $(this).attr('name').replace( nameRegExp , "[features]["+newNum+"]" ) );
}

现在我不确定您是否想将名称作为字符串传递，然后将该字符串用作正则表达式的一部分，或者您是否希望使用正则表达式来选择函数名称，所以我两者都做了。

第一个有两个新参数，tempThis（让您可以访问“this”对象）和className。 ClassName 作为字符串添加到正则表达式中

$.fn.addEle = function(e, tempThis, className){
    console.log('running the first function')
    var nameRegExp = new RegExp( '\\[' + className + '\\]\\[(\\d+)\\]' ,["i"]);
    newNum = 2;
    $(tempThis).attr( 'name', $(tempThis).attr('name').replace( nameRegExp , "["+className+"]["+newNum+"]" ) );
}

classNameArg = 'class-name';
$('.repeat-parent').live("click", function(e) {
    $.fn.addEle(e, this, classNameArg);
});

第二个函数将正则表达式对象作为参数，然后提取源并将其添加到您的正则表达式中。请注意，您不能在此示例中使用“className”变量作为替换的一部分，因为它是一个正则表达式。也许添加另一个名为 classNameReadable 的参数？

$.fn.addEle2 = function(e, tempThis, className){
    console.log('running the second function')
    var nameRegExp = new RegExp( '\\[' + className.source + '\\]\\[(\\d+)\\]' ,["i"]);
    newNum = 2;
    $(tempThis).attr( 'name', $(tempThis).attr('name').replace( nameRegExp , "[features]["+newNum+"]" ) );
}
classNameRegex = /class\sname[0-9]+/;
$('.repeat-parent-second').live("click", function(e) {
    $.fn.addEle2(e, this, classNameRegex);
});

上面的 js fiddle 可以在这里找到：http://jsfiddle.net/TueQa/3/