javascript - slidetoggle 空 div 不应该工作

Question

$('.cat').click(function(){
    if ($(this).next().text() == '') {
        return false;
    }

    $(this).next().slideToggle();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class='themea cat'>lorem ipsum</div>
<div class='titlewrap'>
    <ul></ul>
</div>
<div class='themea cat'>lorem ipsum</div>

cat 的

next 是 titlewrap 并且没有文本。尽管如此，点击 cat 仍试图 slideToggle 它。

Answer 1

您需要 trim 字符串以避免出现空格。

$('.cat').click(function() {
  if ($(this).next().text().trim() == '') {
    return false;
  }
  $(this).next().slideToggle();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class='themea cat'>lorem ipsum</div>
<div class='titlewrap'>
  <ul>
  </ul>
</div>

<div class='themea cat'>lorem ipsum</div>