Wie bekomme ich den Text eines span-Tags und füge ihn in ein verstecktes Feld ein

Question

Ich versuche, den Text eines span-Tags zu bekommen und es zu einem versteckten Feld hinzuzufügen, irgendwelche Ideen, wie das mit jquery möglich ist.

dank

<form> 
    <span class="descriptionsPizza">EXTRA CHEESE</span> 
    <input name="textfield1" type="text" id="textfield1" class="valfield" size="2" maxlength="2" value="0" /> 

    <span class="descriptionsPizza">HAM</span> 
    <input name="textfield1" type="text" id="textfield1" class="valfield" size="2" maxlength="2" value="0" /> 

</form> 

so würde Ich mag die extra Käse auf ein verstecktes Feld hinzuzufügen.

Answer 1

Schieben Sie die Textelemente in ein Array, und verbinden Sie das Array, um es dem verborgenen Eingang hinzuzufügen. Die folgende Demo fügt den Text mit einem Leerzeichen zwischen den einzelnen Elementen ein, da Sie nicht angeben, warum/wie Sie das Element im Inneren anzeigen möchten. Es gibt jedoch bessere Ansätze. Haben Sie nicht js Kunden berücksichtigt?

var spanText=[]; 

    $('span.descriptionsPizza').each(function(){ 

     var $span = $(this); 
     //is value of the next input greater than 0? 
     if ($span.next().val() > 0){ 
      spanText.push($(this).text()); 
     } 

    }); 


    $('input[name=qty]').val(spanText.join(' ')); 

Answer 2

$("input[name=qty]").val($("span.descriptionPizza")); 

Answer 3

$("span.descriptionsPizza").each(function(){ 
    $(this).next("input").val($(this).text()); 
}); 

Dies wird unter der Annahme, der versteckte Eingang wird direkt nach dem span.descriptionsPizza