写了个代码,自己写的,不怎么规范,但是能用,请问各位大牛你们怎么写?

Question

就是从 $(".text0=") 找到所有//<a//> 标签,然后把a标签id 整理成数组,
再生成一个列表,生成一些锚点..

<script>
$(function(){
    arr = $(".text0 a").toArray();
    var i , maodian;
    maodian=[];
    i=0;

    for( var pro in arr )
    {
        if( $( arr[pro] ).attr("id") )
        {
            maodian[i] = $( arr[pro] ).attr("id");
            i++;
        }

    }

    for( var pro in maodian )
    {
        $("#list").append("<div class='list'><a href='#" + maodian[pro] +"'>"+maodian[pro]+"</div>");

    }

})
</script>

Answer 1

$('.text0 a[id]').each(function () {
  $('#list').append("<div class='list'><a href='#" +this.id+"'>"+this.id+"</div>")
})

Answer 2

$(function(){
    $(".text0 a").each(function(){
        var id = $(this).attr("id");
        if (id) $("#list").append("<a href='#" + id +"'>" + id + "</a>");
    });
})

Answer 3

  var text = '';
  document.querySelectorAll('.text0 a').forEach((item, index)=>{
    text += '<div class="list"><a href="#' + item.id +'">'+item.id+'</div>';
  })
  document.getElementById('list').innerHTML = text;