Question

我必须为div中的元素构建树状结构。

例如，我有以下html代码：

HasKey(key => key.ID);
Property(key => key.ID)
  .HasDatabaseGeneratedOption(DatabaseGeneratedOption.Identity).HasColumnName("Id");

protected override void OnModelCreating(DbModelBuilder modelBuilder)
{
    modelBuilder.Configurations.Add(new ConfigTag());
    base.OnModelCreating(modelBuilder);
}

对于上面的代码，我必须得到如下所示的树视图

<div id="main1">
   <div class="sub1"></div>
   <div class="sub2">
     <div id="sub_sub"></div>
   </div>
   <div class="sub3"></div>   
</div>

树视图中的html元素名称可以是ID名称或类名称。我们怎样才能用JQuery做到这一点。

我已经尝试过使用jquery每个函数，但它没有给出像树一样的结构。例如：

#main1
  .sub1
  .sub2
     #sub_sub
  .sub3

它的捐赠如下所示

          $('div').each(function(){
              if($(this).attr('id')!=undefined)
                 $('#tree').append($(this).attr('id'));
             else
                 $('#tree').append($(this).attr('class'));
        });

它应该提供html元素的完整树视图，我该怎么做。

Answer 1

＆＃13;

$(document).ready(function(){
    $('[class^="sub"]').css('margin-left','20px');
    $('.sub_sub').css('margin-left','40px');

});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="main1">Main
   <div class="sub1">Sub1</div>
   <div class="sub2">Sub2
     <div class="sub_sub">Sub2.1</div>
   </div>
   <div class="sub3">Sub3
    <div class="sub_sub">Sub3.1</div>
    </div>   
    
</div>

＆＃13;

获取div中元素的树视图

1 个答案: