如何在JQuery中从父Div ID获取子Div的ID、类和名称？

如何在下面的HTML中获取具有“ClonablePart类”的子div的ID

<div id="Finance_panel" class="panel>
 <div id="Finance_panel1" class="panel clonablePart"></div>
 <div id="Finance_panel2" class="panel clonablePart"></div>
 <div id="Finance_panel3" class="panel clonablePart"></div>
</div>

您可以使用
.map（）
函数获取其中返回属性的对象，以及
.get（）
转换为数组：

$('#Finance_panel .clonablePart').map(function(){
  return this.id;
}).get();

获取任何HTML标记属性的jquery用户属性

var lengthPanel = $("#Finance_panel").find('.clonablePart');
var class = lengthPanel.attr('class');
var id = lengthPanel.attr('id');
var style = lengthPanel.attr('style');

首先，您应该修复HTML，因为它有可能导致错误的输入错误；在第一个div的类值末尾添加双引号

要获取目标元素的id，首先选择目标元素。然后，循环遍历元素，以执行您希望对id执行的任何操作，例如，console.log、更改、将它们添加到数组、连接它们等等

因此，使用此HTML（拼写错误修复）：

toArray（）
比
get（）
imo更直观。
toArray（）
比
get（）
imo更直观。
<div id="Finance_panel" class="panel">
    <div id="Finance_panel1" class="panel clonablePart"></div>
    <div id="Finance_panel2" class="panel clonablePart"></div>
    <div id="Finance_panel3" class="panel clonablePart"></div>
</div>

$("#Finance_panel").find(".clonablePart").each(function () {
    var id = this.id;

    // Replace the console.log statement below with whatever operation you want to perform with the id
    console.log("The id of this div is " + id);
});