それぞれがクリックされたときに同じIDを持つ複数の親divから子divの内容を取得する方法

debugcn 投稿 Dev

Zeeshan shaikh

同じIDを持つ複数のdivがあります。親のdivがクリックされたときに、子のdivのコンテンツを取得する必要があり、divは動的に作成されます。次のコードはそれを説明しています：

私は次のように同じIDで複数のdivを生成するphpファイルを持っています：

<div id="display" style="display: block;">
<div class="display_box" id="display_box" align="left">
<div class="pic"><img src="https://graph.facebook.com/picture"></div>
<div class="picName">Sahrish Rizwan</div>
</div>
 <div class="display_box" id="display_box" align="left">
<div class="pic"><img src="https://graph.facebook.com/picture"></div>           
<div class="picName">Sahil Devji</div>
</div>
<div class="display_box" id="display_box" align="left">
<div class="pic"><img src="https://graph.facebook.com/picture"></div>
<div class="picName">Sahar Imtiaz</div>
</div>
<div class="display_box" id="display_box" align="left">
<div class="pic"><img src="https://graph.facebook.com/picture"></div>
<div class="picName">Sahil Devji</div>
</div>
</div>

今私はjqueryを介して各display_boxのコンテンツを取得する必要があります、誰かがこれを助けることができますか？

スリダールR

これを試してください（フィドルコンソールを参照）

$(document).on('click','#display',function(){
    $(this).find('.display_box').each(function(){
       console.log($(this).html()) // returns overall content 
    });
});

デモ

または

$(document).on('click','.display_box',function(){
   console.log($(this).html()) // returns clicked content 
});

デモ

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

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

編集2021-06-27

コメントを追加

サインイン

分類Dev

複数のdivがあり、それぞれに同じIDのボタンがあるクリックイベントを作成する方法はありますが、クリックすると親divにのみ影響しますか？

分類Dev

親divの子divがクリックされたID値を取得する方法

分類Dev

同じ子とクラス名を含むそれぞれのdivにクリックイベントを適用する方法

分類Dev

親divがクリックされたときに入力の正確な値を取得する方法

分類Dev

入力として、それぞれが出力に同じ識別子を持つ複数のターゲットのメイクファイルを作成するにはどうすればよいですか？

分類Dev

Jquery-PHPによって生成された数値IDを持つdivを、同じ数値を持つ要素リンクを持つdivに追加する方法

分類Dev

子のdivがクリックされたときに、親のdivのテキストを取得する必要があります

分類Dev

1つの要素が親であるときに、それぞれの要素がクリックされたときにそれぞれの機能がトリガーされるようにするにはどうすればよいですか？

分類Dev

Javaスクリプトで同じクラス名を持つそれぞれの特定のボタンから複数のテキストボックスの値を変更するにはどうすればよいですか？

分類Dev

異なるIDと同じクラスを持つ2つの動的に生成されたdivブロックを削除する方法

分類Dev

jqueryで2つのdivが同時にクリックされたときに関数multifireを停止するにはどうすればよいですか

分類Dev

それぞれのリンクがクリックされたときに関連タブを表示する

分類Dev

各要素ターゲットにネストされたトリガーを持つ同じクラスのdivを複製する方法

分類Dev

1回のクリックで2つの異なるdiv（1つは非表示）からコンテンツをコピーする方法を教えてください。ただし、それぞれが別々の行にありますか？

分類Dev

1つがチェックされたときに同じIDを持つすべてのチェックボックスをチェックするJavascript

分類Dev

複数のdivを切り替え、divの外側のどこかがクリックされたときにも閉じます

分類Dev

それぞれが複数のワークシートを持つ複数のExcelワークブックをCSVに変換する：数式で作成されたURLを抽出するにはどうすればよいですか？

分類Dev

<div>の<button>がクリックされたときに<div>のクリックを無効にする方法

分類Dev

親divの高さのパーセンテージをそれぞれカバーするために、複数の垂直に積み重ねられたdivを取得するにはどうすればよいですか？

分類Dev

配列の同じ名前の異なるインデックスインデックスを持つ複数の要素からクリックされた要素を取得する方法

分類Dev

子divをクリックしたときに親div関数を閉じるにはどうすればよいですか？また、親divをクリックすると、関数はアクティビティを実行します

分類Dev

新しく作成された要素をクリックしたときに親要素のIDを取得する方法

分類Dev

新しい値をSQLクエリにマップする効率的な方法（つまり、それぞれ同じ資格情報を持つ4つの列）

分類Dev

クリックされた要素またはその子がクリックされたときに、その要素のIDを取得するにはどうすればよいですか？

分類Dev

Javascript-div内のボタンがクリックされたときにdivの値を取得する

分類Dev

リストからすべてのセルにリンクを作成し、それらをクリックすると、それぞれの（同じ名前の）タブに移動できるスクリプトはありますか？

分類Dev

そのdiv内の画像がクリックされたときにDivを反転するにはどうすればよいですか？

分類Dev

javascriptで、整数がインクリメントされたIDを持つ入力テキストボックスから変数の値を取得する方法

分類Dev

xpathを使用して同じクラス名を持つ複数のdivからリンクを抽出する方法

Related 関連記事

記事