文章/答案/技术大牛

发布

社区首页 >问答首页 >如何使用jQuery在H标签内进行更多的阅读切换？

问如何使用jQuery在H标签内进行更多的阅读切换？
EN

Stack Overflow用户

提问于 2010-11-12 13:19:56

回答 2查看 639关注 0票数 0

我想我在选择器方面遇到了问题。这就是我想要做的。我有几个H3标签，里面有一个href，它们位于文本段落的上面。所有段落都有一个隐藏它们的类。我希望能够点击链接，只有为该特定的h3隐藏的div打开。我尝试过的所有方法要么切换所有隐藏的h3 (因为它们共享一个类)，要么不能在div中。这就是这段代码的问题所在，它不能工作，除非我在H3之外有a标记，这是糟糕的代码。

下面是html：

<h3><a class="expander" href="#">Headline</a></h3> 
<div class="hidden-text"> 
<p>some text here....</p>
</div>

<h3>same thing on down...

下面是jQuery：

<script type="text/javascript">
$(document).ready(function() {
$("a.expander").click(function() {
  $(this).next(".hidden-text").toggle();
});
});
</script>

有没有更好的方法来做这件事？

toggle

jquery

回答 2

Stack Overflow用户

发布于 2010-11-12 13:22:29

将所有内容放入一个容器中，为锚标签选择器设置上下文，为div标签添加一个id，并将其设置在锚标签的rel属性中。就像这样

<div id="divID">
    <h3><a class="expander" href="#" rel="#divHidden1">Headline</a></h3> 
    <div id="divHidden1" class="hidden-text"> 
        <p>some text here....</p>
    </div>
</div>

$(function() {
    $("a.expander","#divID").click(function() {
      var div = $(this).attr("rel");
      $(div).toggle();
    });
});

票数 0

Stack Overflow用户

发布于 2010-11-12 13:27:21

尝试：

$("a.expander").click(function() {
  $(this).parent().next(".hidden-text").toggle();
});

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/4161853

复制

相似问题

问如何使用jQuery在H标签内进行更多的阅读切换？
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用jQuery在H标签内进行更多的阅读切换？EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用jQuery在H标签内进行更多的阅读切换？
EN