javascript - 如何使用 Regex 按文件格式取消选中所有文件

Question

我需要使用 JQuery 取消选中此 HTML 中的许多文件HTML:

<div class="well">
  <h2>Select you files</h2>
  <table id="list-files" class="table table-bordered table-striped table-condensed table-hover">
    <tbody>
      <tr>
        <th width="10px"><input type="checkbox" id="select-all-files" checked="checked"></th>
        <th>File</th>
        <th>Size</th>
      </tr>
      <tr class="selectedFiles" style="display: table-row;">
        <td><input type="checkbox" name="files[]" value="0" checked=""></td>
        <td>
          <div><span class="pull-left">The.Blind.Side.2009.1080p.BluRay.x264.DTS-FGT/</span><span style="padding-top:1px;padding: 0 2px;display:block;overflow:hidden"><input style="width:100%;color:#c8c8c8;background-color:transparent;padding:0px;margin:0px" type="text" name="rename[0]" value="Visit thist Web.com.txt"></span></div>
        </td>
        <td>34.0 iB</td>
      </tr>
      <tr class="selectedFiles" style="display: table-row;">
        <td><input type="checkbox" name="files[]" value="1" checked=""></td>
        <td>
          <div><span class="pull-left">The.Blind.Side.2009.1080p.BluRay.x264.DTS-FGT/</span><span style="padding-top:1px;padding: 0 2px;display:block;overflow:hidden"><input style="width:100%;color:#c8c8c8;background-color:transparent;padding:0px;margin:0px" type="text" name="rename[1]" value="The.Blind.Side.2009.1080p.BluRay.x264.DTS-FGT.mkv"></span></div>
        </td>
        <td>8.8 GiB</td>
      </tr>
      <tr class="selectedFiles" style="display: table-row;">
        <td><input type="checkbox" name="files[]" value="2" checked=""></td>
        <td>
          <div><span class="pull-left">The.Blind.Side.2009.1080p.BluRay.x264.DTS-FGT/</span><span style="padding-top:1px;padding: 0 2px;display:block;overflow:hidden"><input style="width:100%;color:#c8c8c8;background-color:transparent;padding:0px;margin:0px" type="text" name="rename[2]" value="The.Blind.Side.2009.1080p.BluRay.x264.DTS-FGT.nfo"></span></div>
        </td>
        <td>5.4 KiB</td>
      </tr>
    </tbody>
  </table>
</div>

脚本:

var inp=$("tr input");
var r="Visit thist Web.com.txt";
for (i = 0; i < inp.length; i++) {
 if(inp[i].value == r){
  inp[i-1].checked = false;
 }
}

How to improve this code?

此脚本仅取消选中var r="Visit thist Web.com.txt";，我需要取消选中所有包含.txt的文件!这个例子确实只有一个 .txt，但它通常会改变，甚至是顺序。我还想用 .nfo、.url、jpg、gif 取消标记文件，这就是为什么我认为最好用正则表达式来做这件事

用于 chrome 上的 tampermonkey

感谢

Answer 1

您可以将 Jquery filter 函数与正则表达式一起使用。正则表达式:

/\.txt$/gi

正则表达式将匹配文本字符串:末尾的'.txt'。

使用方法:

var inp=$("tr input").filter( function (index)
{
    return /\.txt$/gi.test($(this).val());
}).closest('tr').find('td:first-child input').prop('checked', false);

这会将匹配元素的 checked 属性设置为 false。

要取消选中其他文件类型，您可以将正则表达式更改为:

/\.txt$|\.nfo$|\.url$|\.jpg$|\.gif$/gi

编辑:我仔细研究了您的 html 并更改了我的代码，希望它现在可以工作。

编辑2:

实际上，您还可以使用扩展的原始代码来包含正则表达式:

var inp=$("tr input");
var regex = /\.txt$|\.nfo$|\.url$|\.jpg$|\.gif$/gi;
for (i = 0; i < inp.length; i++) {
 if (regex.test(inp[i].value)) {
  inp[i-1].checked = false;
 }
}