如何在jQuery中給定元素下選擇元素？

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')到它的末尾