jqueryの異なるdivから入力の値を取得するにはどうすればよいですか?

アルドリン27

これがhtmlです:

<div id="parent">
 <div id ="child1">
    <div id="subchild1">
        <input type="text" name="first" value="3">
    </div>
 </div>
 <div id ="child2">
    <div id="subchild2">
        <input type="text" name="second" value="7">
    </div>
 </div>
 <div id ="child3">
    <div id="subchild3">
        <input type="text" name="third" value="8">
    </div>
 </div>
</div>

<div id="result">

Jqueryは次のとおりです。

$(function(){
 var len = $('#parent > div').length;

 for(var i=0; i < len; i++){
    var a = $('#subchild'+ [i + 1]).find('input');
    $('#result').html(a);
 }
});

常に最後の値を取得します。私は最善を尽くしましたが、これが私ができる唯一のコードです。多分私を助けることができる誰か。

JSフィドル

charlietfl

必要なのが値だけの場合、以下はそれらの値の配列を作成し、join()それらをターゲットdivで区切るために使用ます

var values = $('[id^=subchild] input').map(function(){
   return this.value;
}).get();

$('#result').html( values.join('<br>') );

DEMO

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

上部の入力から下部の入力に値を取得するにはどうすればよいですか?

分類Dev

jQueryを使用してクラスを介してdivの親から入力の値を取得するにはどうすればよいですか?

分類Dev

ng-modelで入力要素の異なる値を表示するにはどうすればよいですか?

分類Dev

1つの入力から2つの整数値を取得するにはどうすればよいですか?

分類Dev

jqueryで入力の新しい値を取得するにはどうすればよいですか?

分類Dev

入力から型付きの値を取得するにはどうすればよいですか?

分類Dev

datepicker jqueryのbeforeShowDaysイベントで入力値を取得するにはどうすればよいですか?

分類Dev

Angular 8のFileReaderで2つの異なるHTML入力から2つのファイルを取得するにはどうすればよいですか?

分類Dev

JQueryの日時入力から値を選択/使用するにはどうすればよいですか?

分類Dev

jQueryを使用して同じクラスの異なるdivからのdiv値を合計するにはどうすればよいですか?

分類Dev

2つの異なるコンボボックスから入力を取得するにはどうすればよいですか?

分類Dev

googlesheetのxmlimport関数を使用して、同じクラス名のDIVから異なる値を取得するにはどうすればよいですか?

分類Dev

入力の名前にスペースが含まれている場合、入力から値を取得するにはどうすればよいですか?

分類Dev

jQueryで動的に開くモーダルの入力から値を取得するにはどうすればよいですか?

分類Dev

特定の時点の後にScalaから入力を取得するにはどうすればよいですか?

分類Dev

Vue.jsで、モデルとは異なるものを表示するための入力を取得するにはどうすればよいですか?

分類Dev

テキスト入力と選択が元の値と異なるかどうかを確認するにはどうすればよいですか?

分類Dev

Reactアプリの外部にある入力値を取得するにはどうすればよいですか?

分類Dev

beautifulsoupで隠された入力の値を取得するにはどうすればよいですか?

分類Dev

Pythonを使用して非表示の入力の値を取得するにはどうすればよいですか?

分類Dev

入力の値をJSの別の入力に挿入するにはどうすればよいですか?

分類Dev

XMLのようなタグを入力から削除するにはどうすればよいですか?

分類Dev

jquery 1.8で入力のフォームの親を取得するにはどうすればよいですか?

分類Dev

PHP:配列からタブの値を動的に入力するにはどうすればよいですか?

分類Dev

<td>要素内のテキスト入力の値を取得するにはどうすればよいですか(JQueryなし)?

分類Dev

React-複数の入力から値を取得して入力に送信するにはどうすればよいですか?

分類Dev

NetbeansのSystem.in(Java)から入力を取得するにはどうすればよいですか?

分類Dev

watchOSのWKInterfaceTextFieldから入力テキストを取得するにはどうすればよいですか?

分類Dev

watchOSのWKInterfaceTextFieldから入力テキストを取得するにはどうすればよいですか?

Related 関連記事

  1. 1

    上部の入力から下部の入力に値を取得するにはどうすればよいですか?

  2. 2

    jQueryを使用してクラスを介してdivの親から入力の値を取得するにはどうすればよいですか?

  3. 3

    ng-modelで入力要素の異なる値を表示するにはどうすればよいですか?

  4. 4

    1つの入力から2つの整数値を取得するにはどうすればよいですか?

  5. 5

    jqueryで入力の新しい値を取得するにはどうすればよいですか?

  6. 6

    入力から型付きの値を取得するにはどうすればよいですか?

  7. 7

    datepicker jqueryのbeforeShowDaysイベントで入力値を取得するにはどうすればよいですか?

  8. 8

    Angular 8のFileReaderで2つの異なるHTML入力から2つのファイルを取得するにはどうすればよいですか?

  9. 9

    JQueryの日時入力から値を選択/使用するにはどうすればよいですか?

  10. 10

    jQueryを使用して同じクラスの異なるdivからのdiv値を合計するにはどうすればよいですか?

  11. 11

    2つの異なるコンボボックスから入力を取得するにはどうすればよいですか?

  12. 12

    googlesheetのxmlimport関数を使用して、同じクラス名のDIVから異なる値を取得するにはどうすればよいですか?

  13. 13

    入力の名前にスペースが含まれている場合、入力から値を取得するにはどうすればよいですか?

  14. 14

    jQueryで動的に開くモーダルの入力から値を取得するにはどうすればよいですか?

  15. 15

    特定の時点の後にScalaから入力を取得するにはどうすればよいですか?

  16. 16

    Vue.jsで、モデルとは異なるものを表示するための入力を取得するにはどうすればよいですか?

  17. 17

    テキスト入力と選択が元の値と異なるかどうかを確認するにはどうすればよいですか?

  18. 18

    Reactアプリの外部にある入力値を取得するにはどうすればよいですか?

  19. 19

    beautifulsoupで隠された入力の値を取得するにはどうすればよいですか?

  20. 20

    Pythonを使用して非表示の入力の値を取得するにはどうすればよいですか?

  21. 21

    入力の値をJSの別の入力に挿入するにはどうすればよいですか?

  22. 22

    XMLのようなタグを入力から削除するにはどうすればよいですか?

  23. 23

    jquery 1.8で入力のフォームの親を取得するにはどうすればよいですか?

  24. 24

    PHP:配列からタブの値を動的に入力するにはどうすればよいですか?

  25. 25

    <td>要素内のテキスト入力の値を取得するにはどうすればよいですか(JQueryなし)?

  26. 26

    React-複数の入力から値を取得して入力に送信するにはどうすればよいですか?

  27. 27

    NetbeansのSystem.in(Java)から入力を取得するにはどうすればよいですか?

  28. 28

    watchOSのWKInterfaceTextFieldから入力テキストを取得するにはどうすればよいですか?

  29. 29

    watchOSのWKInterfaceTextFieldから入力テキストを取得するにはどうすればよいですか?

ホットタグ

アーカイブ