jQuery - klonen Formularelemente und ändern Sie Etiketten für

Question

Ich habe ein Problem - Ich möchte einen Teil des HTML-Formulars klonen, aber ich habe keine Ahnung, wie kann ich Etikett for Attribut ändern.

Ich verwende Code wie folgt:

<script> 

    $('#add-service').click(function() { 
     $('.services div.service:last').clone(true) 
     .find(':input').each(function() { 
      this.name = this.name.replace(/\[(\d+)\]/, function (str, p1) { 
       return '[' + (parseInt(p1, 10) + 1) + ']'; 
      }) 

      this.id = this.name 

     }).end().find('label').each(function() { 
      $(this).css('background-color','red'); 
      $(this).attr('for', function (index, old) { 
       old.replace(/\[(\d+)\]/, function (str, p1) { 
        return '[' + (parseInt(p1, 10) + 1) + ']'; 
       }); 
      }) 
     }).end().insertAfter('.services div.service:last'); 
    }); 

</script> 

aber for Attribut für label nicht aktualisiert wird (aber background-color ist)

Working fiddle

Fragen:

1. Wie um den obigen Code zu aktualisieren for für Label auch
2. Ist es möglich, neu zu schreiben, diesen Code aktualisiert werden sie kürzer

Answer 1

Sie es Recht zu machen, aber Sie sind eine return-Anweisung fehlt.

$(this).attr('for', function (index, old) { 
    return old.replace(/\[(\d+)\]/, function (str, p1) { 
     return '[' + (parseInt(p1, 10) + 1) + ']'; 
    }); 
}) 

Denken Sie daran, Sie haben zwei verschachtelte Funktionen und jede Rückkehr nur für die Funktion wendet man zur Zeit drinnen sind.

Answer 2

Sie müssen den neuen Wert nach dem Ausführen von replace zurückgeben.

$(this).attr('for', function (index, old) { 
    return old.replace(/\[(\d+)\]/, function (str, p1) { 
    return '[' + (parseInt(p1, 10) + 1) + ']'; 
    }); 
})