用JQ实现 当发现class值等于cid值时，一个DIV自动加入另一个DIV 的ul li中去

Question

用JQ实现 当发现class值等于cid值时，一个DIV自动加入另一个DIV 的ul li中去

<div id="topmenu" class="0" cid="23">
    <a href='/ChannelID/23'>产品中心</a>
</div>
<div id="topmenu" class="23" cid="25">
    <a href='/ChannelID/25'>智能设备</a>
</div>
<div id="topmenu" class="25" cid="57">
    <a href='/ChannelID/57'>无人机</a> 
</div>

<div id="topmenu" class="0" cid="13">
    <a href='/ChannelID/13'>新闻频道</a>
</div>
<div id="topmenu" class="13" cid="15">
    <a href='/ChannelID/15'>新闻一</a>
</div>
<div id="topmenu" class="15" cid="57">
    <a href='/ChannelID/57'>新闻一(1)</a> 
</div>

想实现的形式如下

<div id="topmenu" class="0" cid="23">
  <a href='/ChannelID/23'>产品中心</a>
  <ul><li>      
    <div id="topmenu" class="23" cid="25">
      <a href='/ChannelID/25'>智能设备</a>

      <ul><li>
        <div id="topmenu" class="25" cid="57">
          <a href='/ChannelID/57'>无人机</a> 
        </div>                                          
      </li></ul>

    </div>
  </li></ul>
</div>

<div id="topmenu" class="0" cid="13">
  <a href='/ChannelID/13'>新闻频道</a>
  <ul><li>
    <div id="topmenu" class="13" cid="15">
      <a href='/ChannelID/15'>新闻一</a>

      <ul><li>
        <div id="topmenu" class="15" cid="57">
          <a href='/ChannelID/57'>新闻一(1)</a>
        </div>
      </li></ul>

    </div>
  </li></ul>    
</div>

Answer 1

写一下，供参考：

  <div id="topmenu" class="0" cid="23">
      产品中心
  </div>
  <div id="topmenu" class="23" cid="25">
      智能设备
  </div>
  <div id="topmenu" class="25" cid="57">
      无人机 
  </div>

<script>
$(document).ready(function(){
  var divs = $('div')
    for(var i = 0; i <= divs.length-1; i++){
        var tmpCid = $(divs[i]).attr('cid')
        var tmpClass = $(divs[i+1]).attr('class')
        if(tmpCid == tmpClass && i+1 <= divs.length){
            $(divs[i]).append($(divs[i+1]))
        }
    }
});
</script>