我正在动态地向页面添加可折叠元素.Bootstrap使用"data-target"属性指定折叠切换应用于哪个元素.
来自文档:
The data-target attribute accepts a css selector
Run Code Online (Sandbox Code Playgroud)
有没有办法编写一个指定父元素的下一个兄弟的选择器?文档中的所有示例似乎都使用ID进行选择.
具体来说,HTML看起来像:
<div class="accordion-group">
<div class="accordion-heading">
<a class="accordion-toggle" data-toggle="collapse" data-target="#collapseOne">
Generated Title
</a>
</div>
<div id="collapseOne" class="accordion-body collapse in">
<div class="accordion-inner">
Generated Content... this is big and sometimes needs collapsing
</div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
我想写一些像(非法使用jquery语法的伪代码):
<a class="accordion-toggle" data-toggle="collapse" data-target="$(this).parent().next()">
Run Code Online (Sandbox Code Playgroud)
但我开始怀疑CSS选择器可能无法做到这一点.
现在作为一种解决方法,我在创建元素时生成一个新的ID(一个附加到字符串的递增数字).
使用选择器有更好的方法吗?我应该使用一些创建后的javascript来设置数据目标属性吗?为标准方法生成动态内容的ID?
我使用以下方法递归遍历目录中的所有文件:
try
{
for ( bf::recursive_directory_iterator end, dir("./");
dir != end; ++dir )
{
const bf::path &p = dir->path();
if(bf::is_regular_file(p))
{
std::cout << "File found: " << p.string() << std::endl;
}
}
} catch (const bf::filesystem_error& ex) {
std::cerr << ex.what() << '\n';
}
Run Code Online (Sandbox Code Playgroud)
但这包括隐藏文件和隐藏目录中的文件.
如何过滤掉这些文件?如果需要,我可以将自己限制在隐藏文件和目录以'.'开头的平台上.字符.