jqueryで2つ書くと1つ目が機能しなくなります。

何度も試すのですがうまく機能しないのでアドバイス願います。

現在、Wordpress上で#messageにセットされている文字を取得して、フォームのinputの#infoにその取得した文字を埋め込んでいるのですが、1つの場合だと動くのですが、2つ以上設定すると以前に設定した内容が機能しなくなってしまいます。

何か書き方が悪いのでしょうか？または何かルールがありますでしょうか？
以下だと動きます。

jQuery
1jQuery(function(){
2var data = jQuery("#message").text();
3jQuery("#info").val(data);
4});

こちらだと前者の設定が動かなくなってしまいます…。

jQuery
1// A というカテゴリで使用。
2jQuery(function(){
3var message = jQuery("#message").text();
4jQuery("#info").val(message);
5});
6
7// B というカテゴリで使用。
8jQuery(function(){
9var comment = jQuery("#comment").text();
10jQuery("#info").val(comment);
11});

記述は、別ファイルに書いてすべてのページで読み込んで利用しています。
何がいけませんでしょうか、宜しくお願いします。

行動規範の内容に同意します

回答3件

競合する処理ですよね？
あとから実行している処理が上書きしているだけだと思います
onメソッドなどでなにかの作業をトリガーに書き換えれば共存できると思います

投稿2020/10/05 05:18

yambejp

総合スコア116724

yukina00235

2020/10/05 05:22

有難うございます、onメソッドを調べてみたいと思います。

行動規範の内容に同意します

ベストアンサー

javascript
1jQuery(function(){
2    var data = jQuery("#message").text();
3    jQuery("#info").val(data);
4    
5    var message = jQuery("#message").text();
6    jQuery("#info").val(message);
7});

まず質問者様の2つの内容をまとめるとこうなります。

id="mseeage" のテキストを[data]変数に代入
id="info" のvaluseに[data]変数に代入
id="mseeage" のテキストを[mseeage]変数に代入
id="info" のvaluseに[mseeage]変数に代入

代入された変数が異なるだけで同じところから値を取得して
同じところに代入していますよね？

それでは2つとも「全く同じ動き」をしているだけですが...

投稿2020/10/05 05:22

kuma_kuma_

総合スコア2506

yukina00235

2020/10/05 05:40

var data = jQuery("#message").text(); jQuery("#info").val(data); var comment = jQuery("#comment").text(); jQuery("#info").val(comment); Bのカテゴリでは、#commentを取得して#infoにcommentとして別の値を埋め込んでいるのですが、だめなのでしょうか。取得するものは違いますが、埋め込む場所は#infoとなってしまいます。

kuma_kuma_

2020/10/05 05:51

?質問の間違い？今書かれている内容と質問で書かれている内容違いますが... 今書かれている内容を実行したら id="info"のvalueの値がid="comment"の文字と同じになるだけですよ？あと今の状態ではなぜ「id="info"のvalueの値を変更するのか？」の意味が不明過ぎて良い悪いは答えられませんが...

行動規範の内容に同意します