Question

当我点击链接时，我想要显示下一个DIV，但是要隐藏当前的SPAN。我可以得到下一个div显示，但是我正在隐藏当前的跨度。这是我的代码：

jquery的：

$(".post").hide();
$(".hide,.show").show();

$('.show').click(function() {
    $(this).next('div').slideToggle();
    <Hide current span here, how?>
    return false;
    });

HTML：

<span class=lowrated>Low-rated post hidden. <a href="#" class="show">Show</a></span>

<div class="post">post goes here</div>

Answer 1

span是parent类.show元素的a。

$(this).parent().slideToggle(); //or .hide() or .css("display","none")

Answer 2

添加以下内容：

$(this).parent().hide();

或

$(this).closest('span').hide();

请注意，由于链接没有下一个元素，您还需要使用。parent()或.closest('span')代码进行div显示：

$(".post").hide();
$(".hide,.show").show();

$('.show').click(function() {
  $(this).parent().next('div').slideToggle();
  $(this).parent().hide();
  return false;
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<span class=lowrated>Low-rated post hidden. <a href="#" class="show">Show</a></span>

<div class="post">post goes here</div>

Answer 3

$(this).next('div')也不应该有效，因为没有兄弟div。

$('.show').click(function() {
    $(this).closest('span').hide().next('div').slideToggle();
    return false;
});

jquery显示下一个div，隐藏当前跨度？

3 个答案: