javascript - 如果 JavaScript 的隐藏函数中的 div 为空，则隐藏 h1 标签

Question

如果列表为空，我需要隐藏一个 H1 标题。

基本上我是说。从选择下拉列表中选择；如果显示所选值，则隐藏所有其他值。现在我还需要说明如果列表类别[h1] 标题为空则隐藏它，否则显示h1 标题。

http://jsfiddle.net/ajandthensome42/8Ye87/4/

如果有人能提供帮助，我将不胜感激。

  $(document).ready(function(){
     $("#selectForm").change(function(event) {
     $(".all").hide();
      $("." + this.value).fadeIn("slow");
      $(".multi").fadeIn("slow");


      var size = $(".language-list li").size();
      if(size === 0){
       $(".language-list h1").hide();
        }
       else {
       $(".language-list h1").show();
        }

       });
    });

Answer 1

遍历所有 h1 标签并根据相邻列表是否有任何可见元素显示/隐藏。试试这个:

$( ".language-list h1" ).each(function() {
    if ($(this).next('ul').find('li:visible').length === 0) {
        $(this).hide();   
    } else {
        $(this).show();   
    }
});

在上下文中，这是完整的更改处理程序:

$(document).ready(function() {
    $("#selectForm").change(function(event) {
        $(".all").hide();
        $("." + this.value).fadeIn("slow");
        $(".multi").fadeIn("slow");

        $( ".language-list h1" ).each(function() {
            if ($(this).next('ul').find('li:visible').length === 0) {
                 $(this).hide();   
            } else {
                $(this).show();   
            }
        });
    });
});