HTML-Wert mit jQuery bei Klick/Klon erhöhen?

Question

Ich habe diesen Code:

<div id="clonedInput1" class="clonedInput"> 
       <div class="row" id="item1"> <!-- item --> 

       <div class="col-md-6"> 
        <!-- // --> 
        <label for="one">external_ref</label> 
        <input type="text" id="external_ref" name="item[0][external_ref]" class="form-control" value="<?php echo rand(1,9999); ?><?php echo strtr($date, array('-' => '', ' ' => '',':' =>'')); ?>"> 
        <!-- // --> 
        <label for="one">style</label> 
        <input type="text" name="item[0][style]" class="form-control" value="mens"> 
        <!-- // --> 
        <label for="one">size</label> 
        <input type="text" name="item[0][size]" class="form-control" value="large"> 
        <!-- // --> 
        <label for="one">color</label> 
        <input type="text" name="item[0][color]" class="form-control" value="white"> 
        <!-- // --> 
        <label for="one">print_location</label> 
        <input type="text" name="item[0][print_location]" class="form-control" value="front"> 
       </div> 

       <div class="col-md-6"> 
        <!-- // --> 
        <label for="one">quantity</label> 
        <input type="text" name="item[0][quantity]" class="form-control" value="2"> 
        <!-- // --> 
        <label for="one">x_offset</label> 
        <input type="text" name="item[0][print_x_offset]" class="form-control" value="10"> 
        <!-- // --> 
        <label for="one">y_offset</label> 
        <input type="text" name="item[0][print_y_offset]" class="form-control" value="10"> 
        <!-- // --> 
        <label for="one">external_url</label> 
        <input type="text" name="item[0][external_url]" class="form-control" value="https://upload.wikimedia.org/wikipedia/commons/thumb/9/96/Sass_Logo_Color.svg/1280px-Sass_Logo_Color.svg.png"> 
        <!-- // --> 
        <label for="one">external_thumbnail_url</label> 
        <input type="text" name="item[0][external_thumbnail_url]" class="form-control" value="https://upload.wikimedia.org/wikipedia/commons/thumb/9/96/Sass_Logo_Color.svg/1280px-Sass_Logo_Color.svg.png"> 
       </div><!-- end right --> 
       </div><!-- end item --> 
       <div class="actions"> 
        <span class="clone btn btn-default">Clone</span> 
        <span class="remove btn btn-danger">Remove</span> 
       </div> 
      </div> 

Und here meine jQuery (dass ich weg von hier stahl)

<script> 

var regex = /^(.+?)(\d+)$/i; 
var cloneIndex = $(".clonedInput").length; 

function clone(){ 
    $(this).parents(".clonedInput").clone() 
     .insertAfter(".clonedInput:last") 
     .attr("id", "clonedInput" + cloneIndex) 
     .find("*") 
     .each(function() { 
      var id = this.id || ""; 
      var match = id.match(regex) || []; 
      if (match.length == 3) { 
       this.id = match[1] + (cloneIndex); 
      } 
     }) 
     .on('click', 'span.clone', clone) 
     .on('click', 'span.remove', remove); 
    cloneIndex++; 
} 
function remove(){ 
    $(this).parents(".clonedInput").remove(); 
} 
$("span.clone").on("click", clone); 

$("span.remove").on("click", remove); 

</script> 

jetzt, es klont in Ordnung, kann ich, dass etwas tun.

aber, was ich brauche, für jedes Mal, ist das div

geklont

Ich brauche alle „Namen“ Tags von Element zu ändern [0] Punkt [1] ... Artikel [2] und so weiter ... also hat jeder Klon seine eigene Artikelnummer.

Dies ist, damit ich jSON zu meinem Filemaker API senden kann.

Answer 1

var myClones = $(".clonedInput"); 

for (var n = 0; n < myClones.length; n++) { 
    myClones[n].setAttribute('name', 'clonedInput'+n); 
}