ホームページ  >  記事  >  ウェブフロントエンド  >  jqueryで名前を1ずつ増やすように設定する方法

jqueryで名前を1ずつ増やすように設定する方法

WBOY
WBOYオリジナル
2023-05-14 09:32:37535ブラウズ

jQuery では、次の方法でフォーム要素の名前を 1 つ増やすことができます:

  1. 現在のフォーム要素の名前を取得します:
var currentName = $('input').attr('name'); 

これにより、現在のフォーム要素の入力ボックスの名前が返されます。例: 現在の要素名が「input1」の場合、currentName の値は「input1」になります。

  1. 現在の名前を数値に変換し、1 ずつ増加します:
var newName = parseInt(currentName.match(/d+/g)) + 1; 

これは、現在の名前の数値部分を抽出し、数値型に変換します。次に、その数値に 1 を加算して、新しい名前を取得します。例: 現在の名前が「input1」の場合、newName の値は 2 になります。

  1. 要素に新しい名前を適用:
$('input').attr('name', 'input' + newName);

これにより、現在の要素の名前が新しい名前に置き換えられます。例: 新しい名前が 2 の場合、要素名は「input2」になります。

完全なコードは次のとおりです。

var currentName = $('input').attr('name');
var newName = parseInt(currentName.match(/d+/g)) + 1; 
$('input').attr('name', 'input' + newName);

このメソッドは、フォーム要素の作成、フォーム要素の動的追加、フォーム要素の名前変更などのシナリオで使用できます。

以上がjqueryで名前を1ずつ増やすように設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。