Javascript 将属性添加到Grape Js中的子元素？

我在这工作很长时间了

现在我面临一些问题

问题：

这是我试图在编辑器中添加的组件

<div class="page">
      <div class="col1"></div>
      <div class="col2"></div>
 </div> 

但是，此代码仅更新

.page

组件

---

如何将这些attr添加到

.col1、.col2

组件内的

.page

元素中？

我阅读了文档，似乎没有一种简单的方法来获得您想要的内容。不过，您可以执行下面的代码片段。它迭代所有子元素，并向它们添加属性

editor.on('component:add', function (ele, argument) {
   ele.setAttributes({
     'data-top' : 10,
     'data-left' : 20,
   });

   ele.attributes.components.models.forEach(function(item){
      if(item.attributes.tagName == 'div') {
         item.setAttributes({
           'data-top' : 10,
           'data-left' : 20,
         })
      }
   })

   editor.render();// For render Updated html
})

---

你能控制日志（ele）吗？请与meHey分享控制台上的输出，谢谢您的帮助很高兴能提供帮助！

editor.on('component:add', function (ele, argument) {
   ele.setAttributes({
     'data-top' : 10,
     'data-left' : 20,
   });

   ele.attributes.components.models.forEach(function(item){
      if(item.attributes.tagName == 'div') {
         item.setAttributes({
           'data-top' : 10,
           'data-left' : 20,
         })
      }
   })

   editor.render();// For render Updated html
})