删除表单中的类元素

时间:2015-12-10 06:15:20

标签: javascript jquery

我想知道我将如何删除标签,包括从验证表单中使用类定义的输入字段。实际上我正在从表单标签中的数据库中检索值,我想删除没有标签值的表单字段。我正在尝试使用以下代码:

JS

<script>
if ($(label[for="flp"].length < 0)){
    $(document).ready(function(){

        $("div").remove(".form-group");

    });
}
</script>

HTML

<form>
    <div class="form-group">
        <label for ="flp" class="col-lg-3 control-label">label</label>
        <div class="col-lg-5">
            <input type="text" class="form-control" name="field1" />
        </div>
    </div>
</form>

我无法理解我做错了什么。请你帮我解决一下吗?

3 个答案:

答案 0 :(得分:1)

尝试:

 $(document).ready(function(){
    $('label').each(function(i,v) {
      if($(v).text().length == 0) {
         $(v).parent('.form-group').remove();
       };
    });

https://jsfiddle.net/3c3hp57u/

答案 1 :(得分:0)

您必须在最外面的部分使用document.ready,并将所有脚本保留在其中。此外,您的标签长度​​语法和删除特定类的div是错误的,请参阅下面的代码

$(document).ready(function(){
   //if ( $('label[for="flp"]').length < 0)  ){//this will never be true as length will 0 or greater than 0
   if ( $('label[for="flp"]').length == 0)  ){//check length for label element
        $("div.form-group").remove();//remove div with class form-group
   }
});

答案 2 :(得分:0)

尝试以下

$(document).ready(function(){  
   if (($('label[for="flp"]').text().length)==0){ 
     $("div").remove(".form-group");
   }
});

这肯定会有用