プロトタイプのボタン内のテキストを変更する

Question

idが 'product_form'のdiv内に 'scalable'というクラスのボタンがあります。そのボタン内のスパンのテキストを変更したいのですが、次のjQueryスクリプトが欲しいです。

<form id='product_form'> 
    <button class='scalable' name='submit'> 
     <span>old Text</span> 
    </button> 
</form> 

私は、フォームIDを使用して、ボタン内スパン内の「新しいテキスト」に、ボタンのテキスト「古いテキスト」を変更したいと私はそれを用いたプロトタイプをしたいです。ここで

はjQueryの同等のコードです：

jQuery('#product_form button.scalable span').text('new text'); 

しかし、私はjQueryのを持っていないと私はプロトタイプで同じタスクを実行したいです。

上記のプロトタイプと同等のコードを私に提案してください。

ありがとうございました。

Answer 1

CSSセレクタでは$$を使用し、Arrayを返します。続行する1つの方法は、first要素だけを仮定することです。

$$('#product_form button.scalable span').first().update('new text'); 

また、配列内のすべての項目に影響を与えることができます。

$$('#product_form button.scalable span').invoke('update', 'new text');