根据div ID重申功能?

时间:2018-11-29 13:18:44

标签: javascript

我阅读了Stack Overflow上的一些帖子,这些帖子使我可以根据“ td”字段是否为空来隐藏类。

但是,我需要使用每个ID末尾的数字(1-5)将它们添加到循环中。这是我需要组合的脚本:

<script> $(document).ready(function(){if($("#type1").text().trim() == ''){$(".testvalue1").css('display', 'none');}else {$(".testvalue1").css('display', '');}});
</script>

<script> $(document).ready(function(){if($("#type2").text().trim() == ''){$(".testvalue2").css('display', 'none');}else {$(".testvalue2").css('display', '');}});
</script>

<script> $(document).ready(function(){if($("#type3").text().trim() == ''){$(".testvalue3").css('display', 'none');}else {$(".testvalue3").css('display', '');}});
 </script>

<script> $(document).ready(function(){if($("#type4").text().trim() == ''){$(".testvalue4").css('display', 'none');}else {$(".testvalue4").css('display', '');}});
 </script>

<script> $(document).ready(function(){if($("#type5").text().trim() == ''){$(".testvalue5").css('display', 'none');}else {$(".testvalue5").css('display', '');}});
 </script>

这是我尝试过的:

  <script>.
  $(document).ready(function() {
  function hideRows() {

  $("#type1").hide();
  }
    var count = parseInt(this.value);

    for (i = 5; i <= count ; i++) {
    console.log($(".testvalue" + i));
      $(".testvalue" + i).show();
    }
});
</script>

我很清楚我的尝试是一团糟,但是我真的不明白如何为自己提供的脚本编写循环。 我知道如何进行基本循环,但不知道我想在这里进行的类型。

1 个答案:

答案 0 :(得分:1)

这是一个基本循环,可以完成第一个脚本的工作。

$(document).ready(function(){
  for(var i = 1; i<=5;++i){
    if($("#type"+i).text().trim() == ''){
      $(".testvalue"+i).css('display', 'none');
    }
    else $(".testvalue"+i).css('display', '');
  }
})