jquery - 隐藏html数组jquery中的空字段行

Question

我想使用 jquery 隐藏所有字段为空的行。

这是我的代码演示:http://jsfiddle.net/7k3y3/19/

HTML:

<div class="container">

    <div id="row_3">
        <input type="text" id="field_3" name="field[]" value="PHP"/>
    </div>  

    <div id="row_5">
        <input type="text" id="field_5" name="field[]" value="Javascript"/>
    </div>  


    <div id="row_8">
        <input type="text" id="field_8" name="field[]" value=""/>
    </div>  


    <div id="row_10">
        <input type="text" id="field_10" name="field[]" value="C++"/>
    </div>  


    <div id="row_12">
        <input type="text" id="field_12" name="field[]" value=""/>
    </div>      

</div>

<a href="javascript:void(0);" class="save">SAVE</a>

JS:

$(".save").click(function ()
    {
        var fieldArr = $( "input[name='field[]']" );

        for(i=1; i<=fieldArr.length;i++)
        {

            if(fieldArr[i]=='')
            {
                fieldArr[i].hide();    
            }

        }



    });

Answer 1

写:

$(".save").click(function (){
    $("input[name='field[]']").each(function(){
        if($(this).val() == ""){
            $(this).hide();
        }
    });
});

Updated fiddle here.