VS Code下为含可变jQuery选择器的JS文件批量新增代码的快捷方法

数据老陈

2026-10-7

VS Code批量处理差异化代码块方案

你可以直接用VS Code自带的全局正则搜索替换功能完成批量操作，步骤如下：

打开VS Code全局搜索面板：Windows/Linux按Ctrl+Shift+F，Mac按Cmd+Shift+F
开启正则匹配模式：点击搜索输入框右侧的.*按钮，确保处于高亮状态
限定修改范围：在搜索面板的「要包含的文件」输入框中填写*.js，避免修改其他类型的文件
填写搜索正则：在搜索输入框中输入如下正则，该规则会匹配原有点击事件代码块，同时捕获每个文件中不同的选择器变量：

(\$<inline_LaTeX_Formula>'#([^']+) tbody'<\inline_LaTeX_Formula>\.on<inline_LaTeX_Formula>'click', '\[id\*=selectbtn\]', function <\inline_LaTeX_Formula> \{[\s\S]*?\n\s*\}\);)

填写替换内容：在替换输入框中输入如下内容，$1代表匹配到的原有代码块，$2代表捕获到的对应文件的选择器变量：

$1

    $('#$2 tbody').on('dblclick',"tr", function () {
        var data = dataTable.row($(this)).data();
        _modalManager.setResult(data);
        _modalManager.close();
    });