حلقه در jquery

با ایدی دادن به تگ های input تونستنم مشکل رو برطرف کنم

  @foreach ($products as $key=>$product)
                <tr>
                    <td><input type="checkbox" name="ProductName[]" value="{{$product->Id}}" id=""></td>
                    <td>
                    <select onchange="showInputBySelectTag({{$key}})" name="ForRestrictions[]" id="name{{$key}}">
                            <option value="unlimited">بدون محدودیت</option>
                            <option value="family">براساس خانواده</option>
                            <option value="person">براساس فرد</option>
                        </select>
                        <input id="Min{{$key}}" style="display: none" type="text" name="minProduct[]" placeholder="حداقل مقدار کالا">
                        <input id="Min{{$key}}" style="display: none"type="text" name="maxProduct[]" placeholder="حداکثر مقدار کالا">

                        <input id="MinP{{$key}}" style="display: none"type="text" name="minPerson[]"  placeholder="حداقل افراد">
                        <input id="MinP{{$key}}" style="display: none"type="text" name="maxPerson[]" placeholder="حداکثر افراد ">
                        <input id="MinP{{$key}}" style="display: none"type="text" name="TotalProduct[]" placeholder="تعداد کالا">
                    </td>
                    <td>{{$product->Name}}</td>
                </tr>
           @endforeach 

<script>
    function showInputBySelectTag(i){
        console.log("a"+i);
        var conceptName = $('#name'+i).find(":selected").val();
        console.log(conceptName);
        if(conceptName =='family'){
            $('#MinP'+i).css('display','none');
            $('#Min'+i).css('display','block');
        } else if(conceptName =='person'){
            $('#Min'+i).css('display','none');
            $('#MinP'+i).css('display','block');
        }
    }
 
</script>

سوالتون واضح نیست لطفا دقیقتر و با توضیحات کامل مطرح کنید