2

这有点奇怪,请注意我无法更改 HTML,因为它是由 doxygen 生成的。

我正在尝试更改文件浏览器 javascript 的工作方式,目前如果您单击一个文件夹,它会完全展开它下面的所有文件夹。相反,我只想显示文件夹中的文件夹和文件。

HTML类似于(此处为简单起见无效的html)

<table>
<tr id="row_0" onclick="toggleFolder(0)">Folder1</tr>
<tr id="row_0_0" onclick="toggleFolder(0_0)">Project1</tr>
<tr id="row_0_0_0">File1.c</tr>
<tr id="row_1" onclick="toggleFolder(1)>Folder 2</tr>
</table>

它表示如下结构:

  • 文件夹 1
    • 项目一
      • 文件 1
  • 文件夹 2

目前 doxygen 的 javascript toggleFolder 函数如下所示(我添加了注释来解释发生了什么)。

function toggleFolder(id)
{
  var n = $('[id^=row_'+id+']'); //all rows "beneath" the clicked one
  var i = $('[id^=img_'+id+']'); //img's in rows "beneath" clicked
  var a = $('[id^=arr_'+id+']'); //a's in rows "beneath" clicked
  var c = n.slice(1); //remove the first match (the clicked row)

  //If the first element (reduce matches) is visible hide everything...
  if (c.filter(':first').is(':visible')===true) {
    i.attr('src','ftv2folderclosed.png'); //probably not needed
    a.attr('src','ftv2pnode.png'); //probably not needed
    c.hide();
  } else {
    i.attr('src','ftv2folderopen.png');
    a.attr('src','ftv2mnode.png');
    c.show();
  }
  updateStripes(); //update even/odd classes
}

相反,当我单击 row_0 而不是 row_0_0_0 时,我只想选择row_0_0,如何更改选择器来实现这一点?

谢谢你的时间!


最后,根据接受的答案,我使用了类似下面的内容

其中 rows 只是一个$(tr)等价物

  //Only match elements AFTER this one (can't hide elements before)
  var childRows = rows.filter(function() {
    re = new RegExp('^row_'+id+'\\d+_$', "i"); //only one sub
    return this.id.match(re);
  });

  //All sub images
  var childImages = childRows.find("img");

  //Only the img images
  var childImg = childImages.filter("[id^=img]");

  //Only the arr images
  var childArr = childImages.filter("[id^=arr]");
4

1 回答 1

1

代替:

var n = $('[id^=row_'+id+']');

和:

var n = $("tr").filter(function() {
    re = new RegExp('^row_'+id+'_\\d+$', "i");
    return this.id.match(re);
});

等效代码也适用于图像/锚点(但我在您的问题中没有看到示例,因此无法编写正确的过滤器)。

于 2012-09-10T12:53:10.157 回答