easyUI-使用tab分页导致CheckBox显示隐藏错乱

最近写了个可进行tab切换的页面，具体实现要求在state != 1 的时候，隐藏该行的checkBox，但是出现了一个问题：该第二行显示CheckBox的，第二行没显示，第三行该隐藏的，却显示了。

解决如下：

<!-- HTML-tab页 -->
<div data-options="region:'center',border:false">
    <div data-options="border:true,fit:true" id="dataTabs">
        <div title="标题1" style="padding:0px;" id="tabDiv1">
            <table id="consignorDataGrid" data-options="fit:true,border:false"></table>
        </div>
        <div title="标题2" style="padding:0px;" id="tabDiv2">
            <table id="carrierDataGrid" data-options="fit:true,border:false"></table>
        </div>
    </div>
</div>

 

//js

onLoadSuccess: function (data){
//dt为tab的index索引
    if(dt == 1) {
        parentDivIdStr = "#tabDiv2";
    } else {
        parentDivIdStr = "#tabDiv1";
    }
    if(data){
        $.each(data.rows, function(index, item){
            if(item.state != 1){
                $($(parentDivIdStr + " input[type='checkbox']")[index + 1]).hide();
            }
        });
    }
}