JSFiddle - React, Tailwind, and code Playground

by krazy

HTML

<div id="list">
    <div>
        <a href="javascript:return 0;" class='up'>顶</a>
        <span class="up_num">nums</span>
    </div>
    <div>
        <a href="javascript:return 0;" class='up'>顶</a>
        <span class="up_num">nums</span>
    </div>
    <div>
        <a href="javascript:return 0;" class='up'>顶</a>
        <span class="up_num">nums</span>
    </div>
    <div>
        <a href="javascript:return 0;" class='up'>顶</a>
        <span class="up_num">nums</span>
    </div>
</div>

JavaScript

//native javascript
var $get  = function(id){ return document.getElementById(id);},
    each  = function(items,fn){
        for( var i = 0; i < items.length ; i++){
            fn.call(this,items[i]);
        }            
    },
    a = 1,
    links = $get("list").getElementsByTagName("a");

each(links,function(link){
    link.onclick = function(){
        this.nextSibling.nextSibling.innerHTML = a++;
    }
})