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

WBOY
リリース: 2023-05-14 09:32:37
オリジナル
533 人が閲覧しました

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 サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!