jquery - 如何获取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

将文本项插入数组，然后连接数组以将其添加到隐藏输入中。下面的演示输入的文本在每个项目之间有一个空格，因为您没有指定为什么/如何希望它出现在内部。然而，还有更好的方法。你考虑过非 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(' ') );