这有点奇怪,请注意我无法更改 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]");