Question

所以我有以下问题：我有一个HTML内容，我不允许更改，我只能使用jQuery。如果我点击h1标签，我应该显示带有给定类（当前）的标签并向下滑动内容。如何选择h1标签下的内容？这是我目前的解决方案：

<script type="text/javascript">
$("document").ready(function() {
    $("div").hide();
    $("h1").click(function() {
        if ($(this).is(':visible')) {
            $(this).("div").slideDown();
            $(this).addClass('current');
        }
    });
});
</script>

但是有问题。我怎么知道它是哪个h1标签？这是HTML文本：

<h1 class="bar">Überschrift 1</h1>
<div class="content">
    <p>Lorem ipsum dolor sit amet...</p>
</div>
<h1 class="bar">Überschrift 2</h1>
<div class="content">
    <p>Morbi tincidunt, dui sit amet...</p>
</div>

Answer 1

试试这个：

$(this).next().slideDown().addClass('current');

.next()为您提供下一个元素，然后您可以将.addClass('current')链接到它的末尾

如何在jQuery中选择给定元素下的元素？

1 个答案: