如何显示:none到链接或包含特定字符串的h2

How do you display:none to links or h2s containing a certain string?

本文关键字：包含特 链接 字符串 h2 none 何显示 显示      更新时间：2023-09-26

我要再试试这个问题。感谢所有在提问中提供建议的人。

这是我的JSfiddle链接：http://jsfiddle.net/trevhud/VFJf8/4/

还有一个html:的示例

<div class= "category-tree">
<section class="category mainCat">
    <h2><a href="#">Documentation</a></h2>
</section>
<section class="category">
    <h2><a href="#">General</a></h2>
    <section class="section">
        <h3><a href="#">General</a></h3>
        <ul class="article-list">
            <li><a href="#">Reset or Reactivate</a></li>
            <li><a href="#">Create an account</a></li>
        </ul>
    </section>
</section
</div>

正如您所看到的，当您单击一个类别时，这些部分会弹出。当你点击一个部分时，文章列表会弹出。

当类别下的h2与部分下的h3具有完全相同的文本时，我想隐藏h3并立即显示文章列表。这样一来，用户就不必点击两次才能看到链接上的文章列表，因为链接上的内容完全相同。我在JS的底部包含了一个潜在的答案，这似乎不是我所描述的。感谢大家的帮助

如果你只想检查h2与下一个h3标签的文本，你可以在点击事件中做这样的事情：

if($(this).next().find('h3 a').text() == $(this).text()) 
{
    $(this).next().find('h3').toggle();
}
相关文章：