单击时如何从具有相同ID的多个父div中获取子div内容

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的内容,有人可以帮助我吗?

斯里达河

试试这个(请参阅小提琴控制台)

$(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] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

当有多个具有相同ID的div时,使用jquery在某个div内获取变量

如何创建一个具有多个div且每个按钮具有相同ID的click事件,但是单击该事件只会影响父div,怎么办?

动态创建内容时获取父DIV的ID

防止多个具有相同ID的div

JS:如何根据子div的内容隐藏具有多个嵌套div的父div

从具有相同ID的多个div获取数据-jQuery

如何处理具有隐藏和显示div的多个下拉列表的父/子div问题?

如果父类中存在类,则获取子div内容

如何从内部具有子元素的按钮获取相同的ID,防止子元素单击?

当多个div具有相同的类名且没有id标签时,如何使用BeautifulSoup选择特定的div?

单击具有相同ID的div

从具有特定ID的div开始获取嵌套的div内容

slidetoggle具有相同ID的多个div

如何获取在div中单击的内容的索引?

无法在每个父div /类中获取子div ID

如何获取父div以完全包含具有位置的子div:具有偏移的相对值?

在父div上单击时,需要在单个div内添加具有相同内容的多个div

如何单击xpath和selenium中具有option-id元素但具有相同div类的元素?

仅当元素和div在javascript中具有相同的ID时,才如何将元素拖放到div中?

将多个具有相同类名的子级包装在多个 div jQuery 中

从单击的表单提交中获取父 div 的 id

在单击时使用 Dojo 时如何获取父 div?

具有相同ID的多个div中的Ajax json值

如何单击按钮 id 并在具有相同 id 的 div 上进行更改?

多个具有相同状态名称的组件,在父 div 上单击时更改一个而不影响其他组件?

如何使用 JavaScript 在单击子元素时关闭父 div?

单击多个帖子时获取 img src 具有相同的 div 类和按钮类

在按钮上单击获取具有相同类的多个 div 的文本,并使用 javascript 将其粘贴到具有相同类的输入字段中

puppeteer - 如何从具有多个具有相同类的 div 的页面中提取内容