как получить текст тега span и вставить в скрытое поле

Question

Я пытаюсь получить текст тега span и добавить его в скрытое поле, любые идеи, как это возможно с помощью jquery.

спасибо

 <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>

поэтому я хотел бы добавить ДОПОЛНИТЕЛЬНЫЙ СЫР в скрытое поле.

Answer 1

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

Answer 2

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

Предполагается, что скрытый ввод идет сразу после span.descriptionPizza

Answer 3

Вставьте текстовые элементы в массив, затем присоединитесь к массиву, чтобы добавить его в скрытый ввод. Демонстрация ниже вводит текст с пробелом между каждым элементом, поскольку вы не указываете, почему / как вы хотите, чтобы он отображался внутри. Однако есть лучшие подходы. Рассматривали ли вы не JS клиентов?

    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(' ') );