Javascript 网页打开后ul添加8个li,且每个li里面都有序列数字,开头为1,结尾为8?请教大神怎么写? JS 每个字符前后添加<li></li>

\u53cc\u51fbul\u589e\u52a0\u4e00\u6761li\uff0c\u6570\u5b57\u6bd4\u73b0\u6709\u7684\u90fd\u5927

\u8f93\u5165$('ul li').click(function(){// TODO}); \u5229\u7528jQuery\u52a8\u6001\u83b7\u53d6\u70b9\u51fb\u4e8b\u4ef6\uff1a\u6253\u5f00HBuilder\u5f00\u53d1\u5de5\u5177\uff0c\u521b\u5efaWeb\u9879\u76ee\uff0c\u5e76\u5728web\u9879\u76ee\u6307\u5b9a\u76ee\u5f55\u4e0b\u65b0\u5efa\u9759\u6001\u9875\u9762\uff0c\u5f15\u5165\u6838\u5fc3js\uff0c\u63d2\u5165\u53ef\u4ee5\u64cd\u4f5c\u7684DOM\u5143\u7d20\uff0c\u5728\u63d2\u5165div\u548cul\u5143\u7d20\uff0c\u5e76\u7ed9ul\u5c5e\u6027id\uff0c\u5728ul\u4e0b\u65b9\u63d2\u5165\u4e00\u4e2a\u6309\u94aebutton\uff0c\u8bbe\u7f6eid\u548cclass\u5c5e\u6027\uff0c\u5f15\u5165\u6837\u5f0f\u6587\u4ef6\uff0c\u5728jquery\u521d\u59cb\u5316\u51fd\u6570\u5185\u7f16\u5199\u6309\u94ae\u70b9\u51fb\u4e8b\u4ef6\uff0c\u52a8\u6001\u5411ul\u4e2d\u63d2\u5165li\u5143\u7d20\uff0c\u5e76\u5728li\u5143\u7d20\u63d2\u5165a\u6807\u7b7e\uff0ca\u6807\u7b7e\u6709\u70b9\u51fb\u4e8b\u4ef6\uff0c\u7f16\u5199\u5b8c\u6bd5\u540e\uff0c\u9884\u89c8\u8be5\u9759\u6001\u9875\u9762\uff0c\u70b9\u51fb\u201c\u6dfb\u52a0\u201d\u6309\u94ae\uff0c\u53d1\u73b0\u62a5\u9519\uff0c\u68c0\u67e5js\u4ee3\u7801\uff0c\u53d1\u73b0a\u6807\u7b7e\u70b9\u51fb\u4e8b\u4ef6\u4f20\u53c2\u65f6\u5355\u53cc\u5f15\u53f7\u51fa\u9519\uff0c\u4fee\u6539\u4e4b\u540e\u518d\u6b21\u9884\u89c8\u3002


var str1="321"
var str="";
for(var i=0;i<str1.length;i++)
{
str=str+""+str1.substring(i,(i+1))+"";
}
alert(str);

var ul = document.createElement('ul'),
    i = 1;
for(i; i < 9; i += 1) {
    var li = document.createElement('li');
    li.textContent = i;
    ul.appendChild(li);
}
document.body.appendChild(ul);



var html = '';
for (var i = 1; i < 9; i++) {
    html += '<li>' + i + '</li>';
}
//jQuery 版
$('ul').append($(html));
//js 版
var elems = document.getElementsByTagName('ul');
elems[0].innerHTML = html


给ul加个target的id

function setSN(e){
    var ul = document.getElementById(e);
    var lis= ul.getElementsByTagName('li');
    for(var i=0,l=lis.length;i<l;i++){
        var tHTML = lis[i].innerHTML
        lis[i].innerHTML = '<span>'+(i+1)+'</span>'+tHTML;
    }
}
setSN('target');


扩展阅读:在线crm网站 ... mac十大最好看色号31 ... 亚马逊amazon日本站入口 ... 私人网站服务器 ... 欧洲vpswindows直播抖音 ... seo短视频网页入口营销 ... amazon亚马逊官方网站 ... java.52emu.cn ... jalapsikix免费应用下载 ...

本站交流只代表网友个人观点,与本站立场无关
欢迎反馈与建议,请联系电邮
2024© 车视网