网页动态添加HTML代码

    2020-03-15 09:40:54

    发表时间:

    网页动态添加HTML代码如下:

    < div class = “xuanxiang“>
    < ul class=“xxul“>
    < li>
    选项号:< input type=“text“ name=“opsort“ value=““>
    选项内容:< input type=“text“ name=“opcontent“ value=““>
    分值:< input type=“text“ name=“opscore“ value=““>
    < span class=“add“>添加< /span>
    < span class=“delete“>删除< /span>
    < /li>
    < /ul>
    < /div>


    $(“.itemdiv“).delegate(‘.add‘,“click“, function(){
    var htm = ‘< li>‘+‘选项号:< input type=“text“ name=“opsort“ value=““>‘+
    ‘ 选项内容:< input type=“text“ name=“opcontent“ value=““> ‘+
    ‘分值:< input type=“text“ name=“opscore“ value=““>‘+
    ‘ < span class=“add“>添加< /span>‘+‘ < span class=“delete“>删除< /span>‘+
    ‘< /li>‘;
    $(this).parent(“li“).parent(“ul“).append(htm);

    });
    $(“.itemdiv“).delegate(‘.delete‘,“click“, function(){
    var n = $(this).parent(“li“).siblings(“li“).length;
    if(n!=0){
    $(this).parent(“li“).remove();
    }

    });

    KEYAN编码网址解码

    · END ·

    关键词:网页动态添加,HTML代码 标签:HTML网页动态添加代码

    以上内容来源本站

文章推荐:

最新 工具

网页动态添加HTML代码

发表时间:2020-03-15 09:40:54

网页动态添加HTML代码如下:

< div class = “xuanxiang“>
< ul class=“xxul“>
< li>
选项号:< input type=“text“ name=“opsort“ value=““>
选项内容:< input type=“text“ name=“opcontent“ value=““>
分值:< input type=“text“ name=“opscore“ value=““>
< span class=“add“>添加< /span>
< span class=“delete“>删除< /span>
< /li>
< /ul>
< /div>


$(“.itemdiv“).delegate(‘.add‘,“click“, function(){
var htm = ‘< li>‘+‘选项号:< input type=“text“ name=“opsort“ value=““>‘+
‘ 选项内容:< input type=“text“ name=“opcontent“ value=““> ‘+
‘分值:< input type=“text“ name=“opscore“ value=““>‘+
‘ < span class=“add“>添加< /span>‘+‘ < span class=“delete“>删除< /span>‘+
‘< /li>‘;
$(this).parent(“li“).parent(“ul“).append(htm);

});
$(“.itemdiv“).delegate(‘.delete‘,“click“, function(){
var n = $(this).parent(“li“).siblings(“li“).length;
if(n!=0){
$(this).parent(“li“).remove();
}

});

· END ·

关键词: 标签:

以上内容来源本站

//评论数 //参与数

博主简介 - 广告合作 - 文章投稿 - 故事文摘 - 典范条目 - 博主新闻

 百科创建更新

网站地图

 

© 2020 blog.dgso.cn 赵彦彬博客 吉ICP备17000796号-1