[jQuery] Dodawanie i usuwanie inputów Opcje

[shpaque]

Witam serdecznie,
dzisiaj borykam się z czymś, czego nigdy wcześniej nie robiłem - chcę przy każdym "row" aby była możliwość dodania następnego rowa i jego usunięcia. Konsola wywala 78 bledow typu:

[XML] pobierz, plaintext 
Uncaught SyntaxError: Invalid or unexpected token
index.php:548 Uncaught ReferenceError: addMoreRows is not defined
    at HTMLAnchorElement.onclick
[XML] pobierz, plaintext 

kod jest mieszany php + jquery i szczerze mówiąc już się zamotałem jak to zrobić, żeby dobrze wyszło, wygląda to tak:

[PHP] pobierz, plaintext 
for ($y = 0; $y < $countLinks; $y++)
                                 {
                                    echo "
                                    <div class=\"row\" style=\"margin-top: 2px;\" id=\"rowLink".$y."\">
                                       <div class=\"col-sm-8\">
                                          <input class=\"form-control text-center\" type=\"text\" name=\"mainTitle".$x."-linkTitle".$y."\" value=\"".$c -> main[$x] -> link[$y] -> title."\" required />
                                       </div>
                                       <div class=\"col-sm-2\">
                                          <input class=\"form-control text-center\" type=\"text\" name=\"mainPage".$x."-linkPage".$y."\" value=\"".$c -> main[$x] -> link[$y] -> page."\" required />
                                       </div>
                                       <div class=\"col-sm-1\">
                                       		<a href=\"java script: void(0);\" class=\"btn btn-md text-center btn-delete\" type=\"button\" style=\"width: 100%;\" onclick=\"removeRow('+rowCount+');\"><span class=\"fa fa-remove icon-md\" title=\"Usuń ten link\"></span></a>
                                       </div>
                                       <div class=\"col-sm-1\">
                                       		<a class=\"btn btn-md text-center btn-add\" style=\"width: 100%;\" onclick=\"addMoreRows();\"><span class=\"fa fa-plus icon-md\" title=\"Dodaj link\"></span></a>
                                       </div>
                                    </div>
                                    ";
 
                                    // Skrypt dodający i usuwający link
                                    $z = $y++;
                    				echo "
                    				<script>
									var rowCount = ".$y.";
									function addMoreRows(frm) {
										rowCount ++;
										var recRow = '	<div class=\"row\" style=\"margin-top: 2px;\" id=\"rowLink'+rowCount+'\">
                                       						<div class=\"col-sm-8\">
                                          						<input class=\"form-control text-center\" type=\"text\" name=\"mainTitle".$x."-linkTitle".$z."\" required />
                                       						</div>
                                       						<div class=\"col-sm-2\">
                                          						<input class=\"form-control text-center\" type=\"text\" name=\"mainPage".$x."-linkPage".$z."\" required />
                                       						</div>
                                       						<div class=\"col-sm-1\">
                                          						<a href=\"java script: void(0);\" onclick=\"removeRow('+rowCount+');\">Delete</a>
                                       						</div>
                                    					</div>';
 
										$('#rowLink".$y."').append(recRow);
									}
 
									function removeRow(removeNum) {
										$('#rowLink".$z."' + removeNum).remove();
									}
									</script>
									";
 
                                 }
[PHP] pobierz, plaintext 

[shpaque]

ale jakos to sie da zrobic , chce caly row zrobic zeby sie dodal lub usunal a do tego trzeba kilka linijek - chyba ze to tylko kwestia zminimalizowania (bez '\n' )

bralem to stad: https://www.discussdesk.com/add-remove-more...sing-jquery.htm
tam gosc ma tez kilka linijek

ok to sprobujmy z czyms takim - co tu nachrzanilem?

[PHP] pobierz, plaintext 
for ($y = 0; $y < $countLinks; $y++)
                                 {
                                    echo "
                                    <div class=\"row\" style=\"margin-top: 2px;\" id=\"rowLink".$y."\">
                                       <div class=\"col-sm-8\">
                                          <input class=\"form-control text-center\" type=\"text\" name=\"mainTitle".$x."-linkTitle".$y."\" value=\"".$c -> main[$x] -> link[$y] -> title."\" required />
                                       </div>
                                       <div class=\"col-sm-2\">
                                          <input class=\"form-control text-center\" type=\"text\" name=\"mainPage".$x."-linkPage".$y."\" value=\"".$c -> main[$x] -> link[$y] -> page."\" required />
                                       </div>
                                       <div class=\"col-sm-1\">
                                       		<a class=\"btn btn-md text-center btn-delete\" type=\"button\" style=\"width: 100%;\" id=\"removeRow".$y."\"><span class=\"fa fa-remove icon-md\" title=\"Usuń ten link\"></span></a>
                                       </div>
                                       <div class=\"col-sm-1\">
                                       		<a class=\"btn btn-md text-center btn-add\" style=\"width: 100%;\" id=\"addRow".$y."\"><span class=\"fa fa-plus icon-md\" title=\"Dodaj link\"></span></a>
                                       </div>
                                    </div>
                                    ";
 
                                    // Skrypt dodający i usuwający link
                                    $z = $y + 1;
									echo "
									<script>
									$(function() {
        								var thisRow = $('#rowLink".$y."');
        								var i = ".$z.";
 
        								$('#addRow".$y."').live('click', function() {
                							$('<div class=\"row\" style=\"margin-top: 2px;\" id=\"rowLink".$y."\"><div class=\"col-sm-8\"><input class=\"form-control text-center\" type=\"text\" name=\"mainTitle".$x."-linkTitle'+i'\" required /></div><div class=\"col-sm-2\"><input class=\"form-control text-center\" type=\"text\" name=\"mainPage".$x."-linkPage'+i'\" required /></div><div class=\"col-sm-1\"><a class=\"btn btn-md text-center btn-delete\" type=\"button\" style=\"width: 100%;\" id=\"removeRow'+i'\"><span class=\"fa fa-remove icon-md\" title=\"Usuń ten link\"></span></a></div><div class=\"col-sm-1\"><a class=\"btn btn-md text-center btn-add\" style=\"width: 100%;\" id=\"addRow'+i'\"><span class=\"fa fa-plus icon-md\" title=\"Dodaj link\"></span></a></div></div>').appendTo(scntDiv);
                							i++;
                							return false;
        								});
 
        								$('#removeRow".$y."').live('click', function() { 
                							if( i > 2 ) {
                        						$(this).parents('p').remove();
                        						i--;
                							}
                							return false;
        								});
									});
									</script>
									";
 
                                 }
[PHP] pobierz, plaintext 

@EDIT
ok dodaje mi ale tyle razy ile razy wykonuje mi petle

[HTML] pobierz, plaintext 
// Skrypt dodający i usuwający link
                                    $z = $y + 1;
									echo "
									<script>
									$(function() {
        								var thisRow = $('#rowLink".$y."');
        								var i = '".$y."';
 
        								$('#addRow".$y."').click(function() {
                							$('<div class=\"col-sm-8\"><input class=\"form-control text-center\" type=\"text\" name=\"mainTitle".$x."-linkTitle'+ i +'\" required /></div><div class=\"col-sm-2\"><input class=\"form-control text-center\" type=\"text\" name=\"mainPage".$x."-linkPage'+ i +'\" required /></div><div class=\"col-sm-1\"><a href=\"#\" class=\"btn btn-md text-center btn-delete\" type=\"button\" style=\"width: 100%;\" id=\"removeRow'+ i +'\"><span class=\"fa fa-remove icon-md\" title=\"Usuń ten link\"></span></a></div><div class=\"col-sm-1\"><a href=\"#\" class=\"btn btn-md text-center btn-add\" style=\"width: 100%;\" id=\"addRow'+ i +'\"><span class=\"fa fa-plus icon-md\" title=\"Dodaj link\"></span></a></div>').appendTo(thisRow);
											i++;
                							return false;
        								});
 
        								$('#removeRow".$y."').click(function() { 
                							if( i > 2 ) {
                        						$(this).parents('div').remove();
                        						i--;
                							}
                							return false;
        								});
									});
									</script>
									";
[HTML] pobierz, plaintext 

@EDIT

zacznijmy od początku (mój monolog) - dlaczego wykonuje operacje tyle razy?

[PHP] pobierz, plaintext 
echo "
									<script>
									$('.btn-add').click(function() {
										var thisRow = $('#rowLink".$y."');
										var i = '".$y."';
                						$('<div class=\"col-sm-8\"><input class=\"form-control text-center\" type=\"text\" name=\"mainTitle".$x."-linkTitle'+ i +'\" required /></div><div class=\"col-sm-2\"><input class=\"form-control text-center\" type=\"text\" name=\"mainPage".$x."-linkPage'+ i +'\" required /></div><div class=\"col-sm-1\"><a href=\"#\" class=\"btn btn-md text-center btn-delete\" type=\"button\" style=\"width: 100%;\" id=\"removeRow'+ i +'\"><span class=\"fa fa-remove icon-md\" title=\"Usuń ten link\"></span></a></div><div class=\"col-sm-1\"><a href=\"#\" class=\"btn btn-md text-center btn-add\" style=\"width: 100%;\" id=\"addRow'+ i +'\"><span class=\"fa fa-plus icon-md\" title=\"Dodaj link\"></span></a></div>').appendTo(thisRow);
										i++;
                						return false;
        							});
									</script>
									";
[PHP] pobierz, plaintext