用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'>无人船</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'>无人船</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>

$(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>